fix: formatting

across-protocol · Feb 7, 2024 · ece7a94 · ece7a94
1 parent fbdafdd
commit ece7a94
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/src/app/_components/button.tsx b/src/app/_components/button.tsx
@@ -7,7 +7,7 @@ export function Button({ className, children, ...props }: ButtonProps) {
   return (
     <button
       className={twMerge(
-        "tracking-wide-4 text-aqua-100 bg-aqua-100/[.05] border-aqua-100/[.05] h-10 rounded-full border px-6 py-2 text-xs uppercase shadow-sm hover:opacity-80",
+        "h-10 rounded-full border border-aqua-100/[.05] bg-aqua-100/[.05] px-6 py-2 text-xs uppercase tracking-wide-4 text-aqua-100 shadow-sm hover:opacity-80",
         className,
       )}
       {...props}

diff --git a/src/app/_components/header-nav/flyout-menu.tsx b/src/app/_components/header-nav/flyout-menu.tsx
@@ -17,7 +17,7 @@ type Props = {
 export function FlyoutMenu({ buttonLabel, menuItems, className }: Props) {
   return (
     <Popover className={twMerge("relative", className)}>
-      <Popover.Button className="text-md text-light-300 flex cursor-pointer items-center justify-center gap-1">
+      <Popover.Button className="flex cursor-pointer items-center justify-center gap-1 text-md text-light-300">
         {buttonLabel}
         <ChevronDownIcon />
       </Popover.Button>
@@ -35,7 +35,7 @@ export function FlyoutMenu({ buttonLabel, menuItems, className }: Props) {
             "absolute left-40 z-10 mt-5 flex w-screen max-w-max -translate-x-1/2 px-4",
           )}
         >
-          <div className="bg-grey-light w-screen max-w-md flex-auto overflow-hidden rounded-3xl text-sm shadow-sm">
+          <div className="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-grey-light text-sm shadow-sm">
             <div className="p-4">
               {menuItems.map((item) => (
                 <span key={item.href} className="group">
@@ -52,7 +52,7 @@ export function FlyoutMenu({ buttonLabel, menuItems, className }: Props) {
                     </IconBox>
                     <div className="flex flex-col">
                       <div className="text-light-100">{item.label}</div>
-                      <div className="text-light-300 text-sm tabular-nums">
+                      <div className="text-sm tabular-nums text-light-300">
                         {item.description}
                       </div>
                     </div>

diff --git a/src/app/_components/header-nav/index.tsx b/src/app/_components/header-nav/index.tsx
@@ -128,7 +128,7 @@ export function HeaderNav() {
             </Button>
             {/* Only show menu button on mobile */}
             <button
-              className="border-grey-600 flex h-10 w-10 items-center justify-center rounded-full border sm:hidden"
+              className="flex h-10 w-10 items-center justify-center rounded-full border border-grey-600 sm:hidden"
               onClick={() => setIsMenuOpen((isMenuOpen) => !isMenuOpen)}
             >
               {isMenuOpen ? <MinusIcon /> : <MenuIcon />}

diff --git a/src/app/_components/header-nav/mobile-menu.tsx b/src/app/_components/header-nav/mobile-menu.tsx
@@ -27,7 +27,7 @@ export function MobileMenu(props: {
       leaveTo="opacity-0 translate-y-1"
       show={props.isMenuOpen}
     >
-      <div className="bg-grey-dark absolute flex min-h-screen w-full flex-col gap-6 p-4 sm:hidden">
+      <div className="absolute flex min-h-screen w-full flex-col gap-6 bg-grey-dark p-4 sm:hidden">
         <Button
           className={twMerge(
             "sm:hidden",
@@ -55,14 +55,14 @@ export function MobileMenu(props: {
               </IconBox>
               <div className="flex flex-col">
                 <div className="text-light-100">{item.label}</div>
-                <div className="text-light-300 text-sm tabular-nums">
+                <div className="text-sm tabular-nums text-light-300">
                   {item.description}
                 </div>
               </div>
             </Link>
           </span>
         ))}
-        <div className="border-light-100/[.02] w-full border" />
+        <div className="w-full border border-light-100/[.02]" />
         <div className="flex flex-row items-center justify-center gap-3">
           {props.communityNavItems.map((item) => (
             <a key={item.label} href={item.href} target="_blank" rel="noreferrer">
@@ -73,7 +73,7 @@ export function MobileMenu(props: {
           ))}
         </div>
         <div className="flex flex-row items-center justify-center gap-1">
-          <div className="text-grey-400 text-sm tabular-nums">Powered by</div>
+          <div className="text-sm tabular-nums text-grey-400">Powered by</div>
           <UmaIcon />
         </div>
       </div>

diff --git a/src/app/_components/header-nav/products-sub-nav.tsx b/src/app/_components/header-nav/products-sub-nav.tsx
@@ -33,7 +33,7 @@ export function ProductsSubNav(props: { navItems: NavItem[] }) {
 
   return (
     <div className="min-w-3xl overflow-x-scroll p-4 sm:overflow-x-hidden">
-      <div className="bg-grey-dark flex flex-row items-center justify-start gap-4 sm:justify-center">
+      <div className="flex flex-row items-center justify-start gap-4 bg-grey-dark sm:justify-center">
         {props.navItems.map((item) => (
           <span key={item.href} className="group">
             <Link
@@ -63,7 +63,7 @@ export function ProductsSubNav(props: { navItems: NavItem[] }) {
               </IconBox>
               <div
                 className={twMerge(
-                  "sm:text-md whitespace-nowrap text-sm tabular-nums",
+                  "whitespace-nowrap text-sm tabular-nums sm:text-md",
                   isCurrentPath(item.href) ? "text-light-100" : "text-grey-400",
                 )}
               >