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

Refactor employee table and row components

Browse source 
Migrates custom table components to generic data table
Improves consistency in table and row implementations
Removes legacy custom table elements in favor of more flexible data table approach
This commit is contained in:
Janus C. H. Knudsen 2026-01-14 16:53:42 +01:00
parent 5e2cab9bd5
commit 679c3fb3a6
7 changed files with 1257 additions and 1256 deletions
Download patch file Download diff file Expand all files Collapse all files

59
PlanTempus.Application/wwwroot/css/components.css
View file

@ -99,6 +99,65 @@ swp-icon-container {
flex-shrink: 0;
}
/* ===========================================
DATA TABLE (Generic Grid + Subgrid)
grid-template-columns defineres i feature CSS
=========================================== */
swp-data-table {
display: grid;
swp-data-table-header {
display: grid;
grid-column: 1 / -1;
grid-template-columns: subgrid;
background: var(--color-background-alt);
swp-data-table-cell {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--color-text-secondary);
padding: var(--spacing-4);
}
}
swp-data-table-row {
display: grid;
grid-column: 1 / -1;
grid-template-columns: subgrid;
align-items: center;
border-bottom: 1px solid var(--color-border);
transition: background var(--transition-fast);
&:last-child {
border-bottom: none;
}
&:hover {
background: var(--color-background-hover);
}
}
swp-data-table-cell {
padding: var(--spacing-4);
font-size: var(--font-size-base);
color: var(--color-text);
&.mono {
font-family: var(--font-mono);
}
&.muted {
color: var(--color-text-muted);
}
&.right {
text-align: right;
}
}
}
/* ===========================================
BUTTONS (swp-btn)
=========================================== */