fix(components): fix linting

abusix · Dec 1, 2023 · 48ce146 · 48ce146
1 parent 22d9335
commit 48ce146
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/navigation/navigation-disclosure-panel.tsx b/src/components/navigation/navigation-disclosure-panel.tsx
@@ -16,9 +16,9 @@ const NavigationDisclosurePanelItem = ({
     return (
         <div
             className={classNames(
-                "hover:bg-primary-900+10 relative w-full px-8 py-3 text-left text-sm text-neutral-0",
+                "relative w-full px-8 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10",
                 isIndented && "px-14",
-                isActive && "bg-primary-900+20 hover:bg-primary-900+20 font-semibold"
+                isActive && "bg-primary-900+20 font-semibold hover:bg-primary-900+20"
             )}
         >
             {children}

diff --git a/src/components/navigation/navigation-disclosure.tsx b/src/components/navigation/navigation-disclosure.tsx
@@ -9,7 +9,7 @@ interface NavigationDisclosureButtonProps {
 
 const NavigationDisclosureButton = ({ children, LeftIcon }: NavigationDisclosureButtonProps) => {
     return (
-        <Disclosure.Button className="hover:bg-primary-900+10 ui-open:bg-primary-900+8 flex w-full items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 ui-open:font-semibold">
+        <Disclosure.Button className="flex w-full items-center gap-x-3 px-4 py-3 text-left text-sm text-neutral-0 hover:bg-primary-900+10 ui-open:bg-primary-900+8 ui-open:font-semibold">
             {LeftIcon ? <LeftIcon className="h-4 w-4" /> : null}
             {children}
         </Disclosure.Button>

diff --git a/src/components/navigation/navigation-group.tsx b/src/components/navigation/navigation-group.tsx
@@ -11,8 +11,8 @@ const NavigationGroupItem = ({ children, isActive, LeftIcon }: NavigationGroupIt
     return (
         <div
             className={classNames(
-                "hover:bg-primary-900+10 relative flex items-center gap-x-3 px-4 py-3 text-sm text-neutral-0",
-                isActive && "bg-primary-900+20 hover:bg-primary-900+20 font-semibold"
+                "relative flex items-center gap-x-3 px-4 py-3 text-sm text-neutral-0 hover:bg-primary-900+10",
+                isActive && "bg-primary-900+20 font-semibold hover:bg-primary-900+20"
             )}
         >
             {LeftIcon ? <LeftIcon className="h-4 w-4" /> : null}

diff --git a/src/components/sidesheet/sidesheet.tsx b/src/components/sidesheet/sidesheet.tsx
@@ -36,7 +36,7 @@ const Sidesheet = ({ children, isOpen, onClose, initialFocus }: SidesheetProps)
                     leaveFrom="-translate-x-0"
                     leaveTo="translate-x-full"
                 >
-                    <HeadlessDialog.Panel className="w-184 fixed inset-y-0 right-0 z-10 overflow-y-auto bg-neutral-0">
+                    <HeadlessDialog.Panel className="fixed inset-y-0 right-0 z-10 w-184 overflow-y-auto bg-neutral-0">
                         {children}
                     </HeadlessDialog.Panel>
                 </Transition.Child>