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
@@ -72,7 +72,7 @@
    --color-warning: #ed6c02;
    --color-info: #0288d1;
    
-    --color-bg-main: #f0f4f9;
+    --color-bg-main: #FAFBFF;
    --color-bg-sidebar: #ffffff;
    --color-bg-card: #ffffff;
    --color-bg-card-soft: #eef2f6;
@@ -270,3 +270,50 @@ select.form-input {

@import "./login.css";

+@media (min-width: 1024px) {
+    body.sidebar-collapsed .sidebar {
+        width: 80px !important;
+        min-width: 80px !important;
+    }
+    
+    body.sidebar-collapsed .sidebar span {
+        display: none !important;
+    }
+
+    body.sidebar-collapsed .sidebar nav {
+        padding-left: 0.5rem !important;
+        padding-right: 0.5rem !important;
+    }
+    body.sidebar-collapsed .sidebar a {
+        justify-content: center !important;
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+        gap: 0 !important;
+    }
+
+    body.sidebar-collapsed #sidebar-profile div.flex-col,
+    body.sidebar-collapsed #sidebar-profile svg {
+        display: none !important;
+    }
+    
+    body.sidebar-collapsed #sidebar-profile {
+        justify-content: center !important;
+        padding-left: 0.75rem !important;
+        padding-right: 0.75rem !important;
+    }
+    
+    body.sidebar-collapsed .sidebar div.xl\:flex {
+        display: none !important;
+    }
+
+    body.sidebar-collapsed .sidebar img[alt="GMO-Z.com RUNSYSTEM"] {
+        display: none !important;
+    }
+
+    body.sidebar-collapsed .sidebar div.shrink-0 {
+        padding-left: 0.5rem !important;
+        padding-right: 0.5rem !important;
+        justify-content: center !important;
+    }
+}
+