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

Refactor NoLoginView styles for improved layout and spacing: Adjust padding, margins, and grid properties to enhance visual consistency and responsiveness across components.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-03-22 11:44:44 +01:00
parent 63d9aab66a
commit f98352088e
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -298,28 +298,40 @@ export default {
} }
.login-panel { .login-panel {
padding: 1rem 1.05rem; padding: 0.8rem 0.9rem;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
margin-bottom: 1rem; margin-bottom: 0.75rem;
display: grid;
gap: 0.65rem;
}
.login-panel h2 {
margin: 0;
}
.login-panel .panel-kicker {
margin-bottom: 0.35rem;
} }
.login-panel__hint { .login-panel__hint {
margin: 0 0 0.9rem; margin: 0;
color: var(--color-text-secondary); color: var(--color-text-secondary);
line-height: 1.35;
} }
.quick-access-actions { .quick-access-actions {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.75rem; gap: 0.6rem;
margin-bottom: 0.9rem; margin-bottom: 0.1rem;
} }
.login-fields { .login-fields {
display: grid; display: grid;
gap: 0.8rem; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.65rem;
} }
.primary-action, .primary-action,
@@ -347,7 +359,7 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-top: 0.35rem; margin-top: 0.1rem;
} }
.stay-logged-in-label { .stay-logged-in-label {
@@ -450,7 +462,8 @@ export default {
} }
.story-columns, .story-columns,
.access-split { .access-split,
.login-fields {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }