Add responsive mobile layouts and navigation

2026-09-18 01:09:05 -04:00
parent 453821805a
commit 166f039ae6
21 changed files with 147 additions and 26 deletions
@@ -442,7 +442,7 @@

    .kv-grid {
        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
        gap: var(--space-3);
    }
    .kv {
@@ -555,7 +555,11 @@

    .dlg-actions { display: flex; gap: var(--space-2); justify-content: flex-end; }

-    @media (max-width: 720px) {
+    @media (max-width: 1000px) {
        .version-row { grid-template-columns: 1fr; }
    }
+    @media (max-width: 720px) {
+        .panel-head, .head-actions, .dlg-actions { flex-wrap: wrap; }
+        .dlg { padding: var(--space-4); }
+    }
 </style>