fix: login button overlap issue (#987)

* fix: login buttor overlap issue * fix: use justify-between instead of grid, negative margin
OpenBeta · Oct 6, 2023 · 3d6245b · 3d6245b · vercel · Oct 6, 2023
1 parent 78ade88
commit 3d6245b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ui/Bar.tsx b/src/components/ui/Bar.tsx
@@ -50,6 +50,6 @@ Bar.BG_DARK = 'bg-slate-800'
 Bar.JUSTIFY_LEFT = 'flex no-wrap justify-start items-center'
 Bar.JUSTIFY_RIGHT = 'flex no-wrap justify-end items-center'
 Bar.JUSTIFY_BETWEEN = 'flex no-wrap justify-between items-center w-full'
-Bar.GRID3 = 'w-full flex flex-row flex-nowrap md:grid md:grid md:grid-cols-3 md:auto-cols-max items-center'
+Bar.GRID3 = 'w-full flex flex-row flex-nowrap justify-between gap-4 items-center'
 Bar.PX_DEFAULT = 'px-2 md:px-6'
 Bar.PX_DEFAULT_LG = 'px-6'
diff --git a/src/components/ui/DesktopNavBar.tsx b/src/components/ui/DesktopNavBar.tsx
@@ -21,7 +21,7 @@ export default function DesktopNavBar ({ branding, search, navList }: DesktopApp
     >
       <div className='w-fit'>{branding}</div>
 
-      <div className='w-9/12 2xl:w-full'>
+      <div className='w-2/5'>
         {search}
       </div>