fix: perbaikan responsivitas pada tampilan mobile dan tablet

2026-06-10 17:08:09 +07:00
parent e19864b0c4
commit 1cf6967e46
4 changed files with 321 additions and 2 deletions
@@ -1774,10 +1774,21 @@ body {
        left: 0;
    }

+    /* Dashboard Sidebar Full-width (100%) */
+    .dashboard-sidebar {
+        width: 100%;
+        right: -100%;
+        border-left: none;
+    }
+
+    .dashboard-sidebar.open {
+        right: 0;
+    }
+
    /* Pindahkan Tombol Toggle ke Bawah Tengah pada Mobile */
    .sidebar-toggle {
        top: auto;
-        bottom: 24px;
+        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
@@ -1793,8 +1804,12 @@ body {
        top: 65px !important;
    }

+    .leaflet-bottom {
+        bottom: 68px !important;
+    }
+
    .pick-mode-overlay {
-        bottom: 80px;
+        bottom: 136px;
    }

    /* Naikkan sedikit agar tidak tertutup tombol toggle */