bastian/listify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui

Browse Source
This commit is contained in:
Bastian Wagner
2026-06-10 14:15:16 +02:00
parent 6ca54fa2d8
commit 93a91c7bf6
14 changed files with 264 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
listify-client/src/app/account/account.component.scss
View File

@@ -1,5 +1,5 @@
.account-page {
min-height: inherit;
min-height: calc(100dvh - 56px);
display: grid;
align-items: start;
padding: 1rem;
@@ -7,7 +7,11 @@
.account-card {
width: min(100%, 520px);
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 72%, transparent);
border-radius: 8px;
background: var(--mat-sys-surface);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.status-row {
@@ -15,6 +19,10 @@
align-items: center;
gap: 0.75rem;
margin-top: 1rem;
padding: 0.75rem;
border: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 72%, transparent);
border-radius: 8px;
background: color-mix(in srgb, var(--mat-sys-surface-container-low) 36%, var(--mat-sys-surface));
color: var(--mat-sys-on-surface-variant);
}
@@ -34,6 +42,7 @@ mat-card-actions mat-progress-spinner {
@media (min-width: 600px) {
.account-page {
min-height: calc(100dvh - 64px);
place-items: center;
padding: 2rem 1rem;
}