testing spacer

app/(app)/_layout/BottomNav.tsx

@@ -43,6 +43,7 @@ export default function BottomNav() {
             />
           </Link>
         ))}
+        <div className="standalone:block hidden h-[20px] w-full"></div>
       </div>
     </footer>
   );

app/globals.css

@@ -55,6 +55,14 @@
     --header-height: 72px;
     --bottom-nav-height: 56px;
   }
+  @media all and (display-mode: standalone) {
+    :root {
+      --bottom-nav-height: 76px;
+    }
+    .dark {
+      --bottom-nav-height: 76px;
+    }
+  }
 }
 
 @layer base {

tailwind.config.ts

@@ -104,6 +104,9 @@ module.exports = {
         3: 3,
         4: 4,
       },
+      screens: {
+        standalone: { raw: "(display-mode: standalone)" },
+      },
     },
   },
   plugins: [