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

Update NoLoginView styling: Adjust action panel dimensions and layout for improved responsiveness and spacing. Enhance flex properties to ensure better alignment and visual consistency across components.

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

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

@@ -212,6 +212,7 @@ export default {
.actions { .actions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
gap: 1rem; gap: 1rem;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
@@ -220,8 +221,9 @@ export default {
} }
.actions-panel { .actions-panel {
flex: 0 0 40%; flex: 0 0 calc(40% - 0.5rem);
max-height: 40%; height: calc(40% - 0.5rem);
max-height: calc(40% - 0.5rem);
min-height: 0; min-height: 0;
background: background:
linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(248, 240, 231, 0.96) 100%); linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(248, 240, 231, 0.96) 100%);
@@ -439,10 +441,12 @@ export default {
min-height: auto; min-height: auto;
height: auto; height: auto;
overflow: visible; overflow: visible;
justify-content: flex-start;
} }
.actions-panel { .actions-panel {
flex: 0 0 auto; flex: 0 0 auto;
height: auto;
max-height: none; max-height: none;
min-height: 260px; min-height: 260px;
} }