feat(ui): add responsive sidebar with mobile toggle and overlay

Implement responsive sidebar functionality that auto-opens on desktop (≥1024px) and auto-closes on mobile, with a toggle button for mobile users. Added overlay for mobile sidebar dismissal and CSS for collapsed state on desktop. Minor adjustments to dashboard chart borders and grid layouts.
This commit is contained in:
jgor20
2026-01-11 11:26:37 +00:00
parent ed4231310b
commit f9dd71f411
6 changed files with 148 additions and 72 deletions

View File

@@ -489,3 +489,12 @@
.skeleton-table-row {
@apply skeleton h-12 w-full mb-2;
}
/* Desktop Sidebar Collapsed State */
@media (min-width: 1024px) {
.sidebar-collapsed {
width: 0 !important;
padding: 0 !important;
border: none !important;
}
}