Просмотр исходного кода

fix: update border & transition of sticky columns in user table

Update border-radius and transition durations of
sticky columns in users table.
satnaing 1 год назад
Родитель
Сommit
f9ed62de07
1 измененных файлов с 3 добавлено и 3 удалено
  1. 3 3
      src/features/users/components/users-columns.tsx

+ 3 - 3
src/features/users/components/users-columns.tsx

@@ -24,8 +24,8 @@ export const columns: ColumnDef<User>[] = [
     ),
     meta: {
       className: cn(
-        'sticky md:table-cell left-0 z-10 rounded-md',
-        'bg-background transition-colors duration-0 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted'
+        'sticky md:table-cell left-0 z-10 rounded-tl',
+        'bg-background transition-colors duration-200 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted'
       ),
     },
     cell: ({ row }) => (
@@ -50,7 +50,7 @@ export const columns: ColumnDef<User>[] = [
     meta: {
       className: cn(
         'drop-shadow-[0_1px_2px_rgb(0_0_0_/_0.1)] dark:drop-shadow-[0_1px_2px_rgb(255_255_255_/_0.1)] lg:drop-shadow-none',
-        'bg-background transition-colors duration-0 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted',
+        'bg-background transition-colors duration-200 group-hover/row:bg-muted group-data-[state=selected]/row:bg-muted',
         'sticky left-6 md:table-cell'
       ),
     },