conditionally apply pb-4 to bottom nav non-mobile

xch-dev#286
dkackman · Jan 25, 2025 · e0de3b7 · e0de3b7
1 parent d781b4b
commit e0de3b7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -88,7 +88,7 @@ export default function Header(
           <div className='-mx-2'>
             <TopNav />
           </div>
-          <div className='mt-auto grid gap-1 text-md font-medium'>
+          <div className={`mt-auto grid gap-1 text-md font-medium ${!isMobile ? 'pb-4' : ''}`}>
             <BottomNav />
           </div>
         </SheetContent>

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -110,7 +110,7 @@ export function BottomNav({ isCollapsed }: NavProps) {
   const className = isCollapsed ? 'h-5 w-5' : 'h-4 w-4';
 
   return (
-    <nav className={`grid font-medium ${isCollapsed ? 'gap-2' : ''} pb-4`}
+    <nav className={`grid font-medium ${isCollapsed ? 'gap-2' : ''}`}
          role="navigation" 
          aria-label={t`Secondary navigation`}>
       <NavLink