antv/thankcard-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature: make style like main page

Browse Source
This commit is contained in:
antv
2026-07-07 11:21:21 +07:00
parent af529a4e81
commit 63764d0718
15 changed files with 385 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/app.blade.php
+14 -2
View File
@@ -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);
}