feature: make style like main page

2026-07-07 11:21:21 +07:00
parent af529a4e81
commit 63764d0718
15 changed files with 385 additions and 185 deletions
@@ -9,13 +9,18 @@
    @stack('styles')
 </head>
 <body class="bg-bg-main text-text-dark font-sans antialiased" data-sidebar="expanded">
+    <script>
+        if (localStorage.getItem('sidebar-collapsed') === 'true' && window.innerWidth >= 1024) {
+            document.body.classList.add('sidebar-collapsed');
+        }
+    </script>
    <div class="app-layout">
        <!-- Mobile overlay (click outside to close) -->
        <div id="sidebar-overlay" class="fixed inset-0 bg-black/30 hidden" aria-hidden="true"></div>
        <!-- Sidebar Component -->
        <x-sidebar />

-        <main class="main-content flex-1 flex flex-col h-full bg-[#FAFBFF] overflow-hidden relative w-full lg:w-auto">
+        <main class="main-content flex-1 flex flex-col min-h-screen bg-[#FAFBFF] overflow-hidden relative w-full lg:w-auto">
            <!-- Header Component -->
            <x-header />

@@ -115,7 +120,14 @@
                    document.body.style.overflow = '';
                }
                
-                hamburger.addEventListener('click', openSidebar);
+                hamburger.addEventListener('click', function () {
+                    if (window.innerWidth >= 1024) {
+                        const isCollapsed = document.body.classList.toggle('sidebar-collapsed');
+                        localStorage.setItem('sidebar-collapsed', isCollapsed ? 'true' : 'false');
+                    } else {
+                        openSidebar();
+                    }
+                });
                closeBtn.addEventListener('click', closeSidebar);
                overlay.addEventListener('click', closeSidebar);
            }