From 29520c426470e90526379bce46be0a364dda77a2 Mon Sep 17 00:00:00 2001
From: R0m1k3 <michaelschal@gmail.com>
Date: Wed, 10 Dec 2025 14:06:45 +0100
Subject: [PATCH] feat: add base mobile layout component with header, bottom
 navigation, and side menu.

---
 client/src/pages/mobile/MobileLayout.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/mobile/MobileLayout.tsx b/client/src/pages/mobile/MobileLayout.tsx
index 6e1532a..824d3e3 100644
--- a/client/src/pages/mobile/MobileLayout.tsx
+++ b/client/src/pages/mobile/MobileLayout.tsx
@@ -49,12 +49,17 @@ export default function MobileLayout({ children, title }: MobileLayoutProps) {
 
     return (
         <div
-            className="min-h-screen bg-gray-50 flex flex-col"
+            className="bg-gray-50 flex flex-col"
             style={{
                 width: '100%',
                 maxWidth: '100vw',
-                overflowX: 'hidden',
-                paddingBottom: '80px'
+                height: '100vh',
+                overflow: 'hidden',
+                position: 'fixed',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0
             }}
         >
             {/* Header fixe */}
@@ -96,8 +101,15 @@ export default function MobileLayout({ children, title }: MobileLayoutProps) {
                 )}
             </header>
 
-            {/* Contenu principal */}
-            <main className="flex-1 overflow-y-auto overflow-x-hidden">
+            {/* Contenu principal - scrollable avec espace pour navbar */}
+            <main
+                className="flex-1 overflow-x-hidden"
+                style={{
+                    overflowY: 'auto',
+                    paddingBottom: '80px',
+                    WebkitOverflowScrolling: 'touch'
+                }}
+            >
                 {children}
             </main>