rename classes

zaknesler · May 23, 2024 · 9b6e4a4 · 9b6e4a4
1 parent e724b73
commit 9b6e4a4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -22,22 +22,22 @@ export default {
         sidebar: '16rem',
       },
       keyframes: {
-        overlayShow: { from: { opacity: '0' }, to: { opacity: '1' } },
-        overlayHide: { from: { opacity: '1' }, to: { opacity: '0' } },
-        contentShow: {
+        'overlay-show': { from: { opacity: '0' }, to: { opacity: '1' } },
+        'overlay-hide': { from: { opacity: '1' }, to: { opacity: '0' } },
+        'content-show': {
           from: { opacity: '0', transform: 'scale(0.95) translateY(0.25rem)' },
           to: { opacity: '1', transform: 'scale(1) translateY(0rem)' },
         },
-        contentHide: {
+        'content-hide': {
           from: { opacity: '1', transform: 'scale(1) translateY(0rem)' },
           to: { opacity: '0', transform: 'scale(0.95) translateY(0.25rem)' },
         },
       },
       animation: {
-        overlayShow: 'overlayShow 150ms ease-in-out',
-        overlayHide: 'overlayHide 150ms ease-in-out',
-        contentShow: 'contentShow 150ms ease-in-out',
-        contentHide: 'contentHide 150ms ease-in-out',
+        'overlay-show': 'overlay-show 150ms ease-in-out',
+        'overlay-hide': 'overlay-hide 150ms ease-in-out',
+        'content-show': 'content-show 150ms ease-in-out',
+        'content-hide': 'content-hide 150ms ease-in-out',
       },
     },
   },

diff --git a/ui/src/components/menus/menu.tsx b/ui/src/components/menus/menu.tsx
@@ -99,7 +99,7 @@ const MenuContent: ParentComponent = props => (
       'z-50 min-w-36 overflow-hidden rounded-md border shadow-sm',
       'border-gray-200 bg-white text-gray-600',
       'dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200',
-      'origin-[--kb-menu-content-transform-origin] animate-contentHide ui-expanded:animate-contentShow',
+      'animate-content-hide ui-expanded:animate-content-show origin-[--kb-menu-content-transform-origin]',
     )}
   >
     <div class="flex flex-col gap-0.5 p-1 text-sm">{props.children}</div>

diff --git a/ui/src/components/modals/create-feed.tsx b/ui/src/components/modals/create-feed.tsx
@@ -68,11 +68,11 @@ export const CreateFeed: Component<CreateFeedProps> = props => {
         />
 
         <Dialog.Portal>
-          <Dialog.Overlay class="fixed inset-0 z-50 animate-overlayHide bg-black/25 backdrop-blur ui-expanded:animate-overlayShow" />
+          <Dialog.Overlay class="animate-overlay-hide ui-expanded:animate-overlay-show fixed inset-0 z-50 bg-black/25 backdrop-blur" />
 
           <div class="fixed inset-0 z-50 flex items-end justify-center p-8 sm:items-center">
             <Dialog.Content
-              class="z-50 w-full animate-contentHide overflow-hidden rounded-lg border border-gray-200 bg-white shadow-lg transition-all ui-expanded:animate-contentShow md:max-w-sm dark:border-gray-700 dark:bg-gray-950"
+              class="animate-content-hide ui-expanded:animate-content-show z-50 w-full overflow-hidden rounded-lg border border-gray-200 bg-white shadow-lg transition-all md:max-w-sm dark:border-gray-700 dark:bg-gray-950"
               onOpenAutoFocus={handleOpenAutoFocus}
             >
               <div class="flex flex-col gap-2 border-b bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900">

diff --git a/ui/src/components/ui/tooltip.tsx b/ui/src/components/ui/tooltip.tsx
@@ -21,7 +21,7 @@ const TooltipContent = <T extends ValidComponent = 'div'>(props: PolymorphicProp
         {...rest}
         class={cx(
           'z-50 rounded-lg bg-gray-800 px-4 py-2 text-xs text-white',
-          'origin-[--kb-menu-content-transform-origin] animate-contentHide ui-expanded:animate-contentShow',
+          'animate-content-hide ui-expanded:animate-content-show origin-[--kb-menu-content-transform-origin]',
           local.class,
         )}
       >