Refactor AppContent and NoLoginView styles for improved layout: Adjust flex properties and dimensions to enhance responsiveness and ensure consistent spacing across components.

2026-03-22 10:28:24 +01:00
parent 9af974d2f2
commit 5f9e0a5a49
2 changed files with 9 additions and 3 deletions
--- a/frontend/src/components/AppContent.vue
+++ b/frontend/src/components/AppContent.vue
@@ -38,8 +38,16 @@
 .app-content__inner {
  max-width: var(--shell-max-width);
  min-height: 100%;
+  height: 100%;
  margin: 0 auto;
  padding: 14px 18px 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-content__inner > :last-child {
+  flex: 1 1 auto;
+  min-height: 0;
 }

@media (max-width: 960px) {