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

CSS optimization

Browse source
This commit is contained in:
Janus C. H. Knudsen 2026-01-14 00:47:06 +01:00
parent e739ce2ac7
commit 29f9c79764
22 changed files with 1175 additions and 642 deletions
Download patch file Download diff file Expand all files Collapse all files

17
PlanTempus.Application/wwwroot/css/account.css
View file

@ -250,6 +250,7 @@ swp-invoice-cell.mono {
/* ===========================================
INVOICE STATUS BADGES
Parent pattern with color variants + CSS nesting
=========================================== */
swp-invoice-status {
display: inline-flex;
@ -259,27 +260,27 @@ swp-invoice-status {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
border-radius: var(--radius-sm);
& i {
font-size: 14px;
}
}
swp-invoice-status.paid {
background: color-mix(in srgb, var(--color-green) 15%, transparent);
background: var(--bg-green-strong);
color: var(--color-green);
}
swp-invoice-status.pending {
background: color-mix(in srgb, var(--color-amber) 15%, transparent);
background: var(--bg-amber-strong);
color: var(--color-amber);
}
swp-invoice-status.overdue {
background: color-mix(in srgb, var(--color-red) 15%, transparent);
background: var(--bg-red-strong);
color: var(--color-red);
}
swp-invoice-status i {
font-size: 14px;
}
/* ===========================================
DOWNLOAD BUTTON
=========================================== */
@ -299,7 +300,7 @@ swp-download-btn {
}
swp-download-btn:hover {
background: color-mix(in srgb, var(--color-teal) 10%, transparent);
background: var(--bg-teal-medium);
}
swp-download-btn i {