up

2026-01-22 00:35:51 -05:00
parent 5bc820bccf
commit 2f6d377f7b
2 changed files with 101 additions and 0 deletions
@@ -140,6 +140,53 @@ body {
    transition: margin-left 0.3s ease;
 }

+/* Responsive behavior: collapse sidebar on small screens */
+@media (max-width: 991.98px) {
+    .sidebar {
+        transform: translateX(-100%);
+        width: 220px;
+        left: 0;
+        transition: transform 0.25s ease;
+        box-shadow: none;
+    }
+
+    .sidebar.open {
+        transform: translateX(0);
+        box-shadow: 2px 0 20px rgba(0,0,0,0.2);
+        z-index: 1200;
+    }
+
+    .main-content {
+        margin-left: 0;
+    }
+
+    /* Overlay used to block background when sidebar open */
+    .sidebar-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0,0,0,0.35);
+        z-index: 1100;
+        display: none;
+    }
+
+    /* Make header actions wrap to avoid overflow */
+    .content-header {
+        flex-wrap: wrap;
+        gap: 8px;
+    }
+
+    .header-actions {
+        margin-top: 8px;
+    }
+}
+
+/* Desktop: ensure sidebar visible */
+@media (min-width: 992px) {
+    .sidebar { transform: translateX(0); }
+}
 .content-header {
    background: white;
    padding: 20px 30px;