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

3
listify-client/src/app/templates/confirm-delete-dialog/confirm-delete-dialog.component.scss
View File

@@ -9,7 +9,8 @@
width: 56px;
height: 56px;
margin: 0 auto 0.25rem;
border-radius: 50%;
border: 1px solid color-mix(in srgb, var(--mat-sys-error) 16%, transparent);
border-radius: 8px;
background: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);
color: var(--mat-sys-error);
}

5
listify-client/src/app/templates/copy-template-dialog/copy-template-dialog.component.scss
View File

@@ -12,3 +12,8 @@ mat-dialog-content {
gap: 0.75rem;
min-width: min(100vw - 64px, 360px);
}
mat-dialog-actions {
gap: 0.5rem;
padding-bottom: 1rem;
}

19
listify-client/src/app/templates/template-detail/template-detail.component.scss
View File

@@ -2,8 +2,11 @@
display: grid;
gap: 1rem;
width: min(100%, 760px);
max-width: 100%;
min-height: calc(100dvh - 56px);
margin: 0 auto;
padding: 1rem;
overflow-x: hidden;
}
.detail-header {
@@ -11,13 +14,15 @@
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 0.75rem;
min-width: 0;
padding: 0.75rem 0 0.25rem;
}
.detail-header h1 {
overflow: hidden;
margin: 0;
font-size: 1.45rem;
font-weight: 500;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -41,8 +46,11 @@
.editor-card,
.state-card {
overflow: hidden;
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) 94%, white);
background: var(--mat-sys-surface);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.template-form,
@@ -101,10 +109,10 @@
align-items: center;
gap: 0.35rem;
min-height: 52px;
padding: 0.35rem;
border: 1px solid var(--mat-sys-outline-variant);
padding: 0.45rem;
border: 1px solid color-mix(in srgb, var(--mat-sys-outline-variant) 72%, transparent);
border-radius: 8px;
background: var(--mat-sys-surface);
background: color-mix(in srgb, var(--mat-sys-surface-container-low) 36%, var(--mat-sys-surface));
}
.detail-items li.cdk-drag-preview {
@@ -158,6 +166,7 @@
@media (min-width: 701px) {
.template-detail-page {
gap: 1.25rem;
min-height: calc(100dvh - 64px);
padding: 2rem;
}