admin panel beter ui

2026-09-19 12:05:59 +03:30
parent 80ccf1a2aa
commit 81987ceae8
196 changed files with 565 additions and 431 deletions
@@ -98,3 +98,22 @@ body #app .ant-card {
  border-radius: 0.5rem;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
 }
+
+// ── Full-height list pages ──────────────────────────────────────────
+// Main.vue stretches #content-area/.content-area__content to fill the
+// viewport below the navbar; the routed page's own root needs to pick that
+// up so a short table doesn't leave a gray gap under its card. Most list
+// pages render <div id="page-user-list"><a-card>...</a-card></div>, a few
+// (e.g. FacilityList.vue) render <a-card> directly — both are covered here.
+.content-area__content > * {
+  flex: 1;
+  min-height: 0;
+}
+#page-user-list {
+  display: flex;
+  flex-direction: column;
+}
+#page-user-list > .ant-card,
+.content-area__content > .ant-card {
+  flex: 1;
+}