0.10.2-3 Layout

2026-03-16 07:15:17 +00:00
parent 3c694d06df
commit fbd439f318
2 changed files with 426 additions and 389 deletions
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -314,6 +314,35 @@ body {
  min-width: 0;
 }

+.dashboard-3col-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
+  gap: 1rem;
+  align-items: start;
+}
+
+.dashboard-col {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  min-width: 0;
+}
+
+@media (max-width: 1100px) {
+  .dashboard-3col-grid {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
+  }
+  .dashboard-col-right {
+    grid-column: 1 / -1;
+  }
+}
+
+@media (max-width: 700px) {
+  .dashboard-3col-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 .status-row {
  display: flex;
  align-items: center;