From 38cc46156941f69449ceefaa705092cc6d6681bb Mon Sep 17 00:00:00 2001 From: Konstantin Wohlwend Date: Wed, 10 Sep 2025 11:22:08 -0700 Subject: [PATCH] Improved EditableInput --- .../projects/[projectId]/users/[userId]/page-client.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/[userId]/page-client.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/[userId]/page-client.tsx index 67576e92b..5236587d1 100644 --- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/[userId]/page-client.tsx +++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/[userId]/page-client.tsx @@ -124,8 +124,10 @@ function EditableInput({ placeholder={placeholder} tabIndex={readOnly ? -1 : undefined} className={cn( - "w-full px-1 py-0 h-[unset] border-transparent hover:ring-1 hover:ring-gray-300 dark:hover:ring-gray-500 focus-visible:ring-gray-500 dark:focus-visible:ring-gray-50", - readOnly && "focus-visible:ring-0 hover:ring-0", + "w-full px-1 py-0 h-[unset] border-transparent", + /* Hover */ !readOnly && "hover:ring-1 hover:ring-slate-300 dark:hover:ring-slate-500 hover:bg-slate-100 dark:hover:bg-slate-800 hover:cursor-pointer", + /* Focus */ !readOnly && "focus:cursor-[unset] focus-visible:ring-slate-500 dark:focus-visible:ring-slate-50 focus-visible:bg-slate-100 dark:focus-visible:bg-slate-800", + readOnly && "focus-visible:ring-0 cursor-default", shiftTextToLeft && "ml-[-7px]", inputClassName, )}