ars9/liqa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(Table): apply Kimberly header and striped row backgrounds

Browse Source
This commit is contained in:
ars9
2026-04-09 17:45:33 +03:00
parent 18177cac52
commit 097c747993
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/ui/Table/Table.module.css
+8 -4
View File
@@ -19,12 +19,12 @@
padding: var(--space-3) var(--space-4); padding: var(--space-3) var(--space-4);
font-weight: 700; font-weight: 700;
font-size: var(--font-size-xs); font-size: var(--font-size-xs);
color: var(--color-text-muted); color: var(--color-secondary-fg);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.06em; letter-spacing: 0.06em;
border-bottom: var(--border-width) solid var(--color-border); border-bottom: var(--border-width) solid var(--color-secondary-border);
white-space: nowrap; white-space: nowrap;
background: var(--color-bg-subtle); background: var(--color-secondary);
} }
/* Rounded top corners on first/last header cells */ /* Rounded top corners on first/last header cells */
@@ -35,8 +35,12 @@
transition: background var(--transition); transition: background var(--transition);
} }
.tr:nth-child(even) {
background: color-mix(in srgb, var(--color-secondary) 30%, transparent);
}
.tr:hover { .tr:hover {
background: var(--color-bg); background: var(--color-secondary-hover);
} }
.tr:not(:last-child) .td { .tr:not(:last-child) .td {