torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-03-22 10:28:24 +01:00
parent 9af974d2f2
commit 5f9e0a5a49
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/AppContent.vue
View File

@@ -38,8 +38,16 @@
.app-content__inner { .app-content__inner {
max-width: var(--shell-max-width); max-width: var(--shell-max-width);
min-height: 100%; min-height: 100%;
height: 100%;
margin: 0 auto; margin: 0 auto;
padding: 14px 18px 12px; 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) { @media (max-width: 960px) {

4
frontend/src/views/home/NoLoginView.vue
View File

@@ -182,8 +182,7 @@ export default {
justify-content: center; justify-content: center;
gap: 1.4rem; gap: 1.4rem;
width: 100%; width: 100%;
height: 100%; flex: 1 1 auto;
flex: 1;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
} }
@@ -216,7 +215,6 @@ export default {
gap: 1rem; gap: 1rem;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
height: 100%;
overflow: hidden; overflow: hidden;
} }