Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Janus C. H. Knudsen 2026-01-11 18:18:36 +01:00
parent abcf8ee75e
commit 12869e35bf
34 changed files with 1177 additions and 156 deletions
Download patch file Download diff file Expand all files Collapse all files

52
PlanTempus.Application/wwwroot/css/page.css
View file

@ -49,6 +49,7 @@ swp-card {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--border-radius-lg);
padding: var(--spacing-5);
margin-bottom: var(--spacing-5);
}
@ -56,6 +57,7 @@ swp-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin: calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-5)) var(--spacing-4) calc(-1 * var(--spacing-5));
padding: var(--spacing-4) var(--spacing-5);
border-bottom: 1px solid var(--color-border);
}
@ -86,7 +88,44 @@ swp-card-action:hover {
}
swp-card-content {
padding: var(--spacing-5);
display: block;
}
/* Card content with grid lists - auto-detect via :has() */
swp-card-content:has(> swp-booking-list),
swp-card-content:has(> swp-notification-list),
swp-card-content:has(> swp-attention-list) {
display: grid;
gap: var(--spacing-4);
}
swp-card-content:has(> swp-booking-list) {
grid-template-columns: 50px 4px 1fr auto auto;
}
swp-card-content:has(> swp-notification-list) {
grid-template-columns: 50px 1fr;
}
swp-card-content:has(> swp-attention-list) {
grid-template-columns: 50px 1fr auto;
}
/* Generic list item title & description */
swp-item-title {
display: block;
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
swp-item-desc {
display: block;
font-size: var(--font-size-xs);
color: var(--color-text-secondary);
}
/* ===========================================
@ -98,14 +137,11 @@ swp-dashboard-grid {
gap: var(--spacing-5);
}
swp-main-column {
display: flex;
flex-direction: column;
}
swp-main-column,
swp-side-column {
display: flex;
flex-direction: column;
display: grid;
gap: var(--spacing-5);
align-content: start;
}
/* ===========================================