fix: add table styling

This commit is contained in:
Arvid Norlin
2024-06-03 14:51:25 +02:00
parent 92f5f7f7c0
commit 349c95fbc4
7 changed files with 126 additions and 61 deletions

View File

@@ -0,0 +1,31 @@
.table {
border: 1px solid var(--Base-Border-Subtle);
border-collapse: collapse;
color: var(--BURGUNDY, #4d001b);
}
.thead {
background-color: var(--Base-Surface-Secondary-Normal);
position: sticky;
top: 0;
}
.th,
.td {
border: 1px solid var(--Base-Border-Subtle);
padding: var(--Spacing-x3) var(--Spacing-x2);
}
.th {
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: 400;
}
.td {
font-size: var(--typography-Footnote-Regular-fontSize);
text-align: center;
}
.tr:nth-child(odd) {
background-color: var(--Base-Background-Primary-Elevated, #faf6f2);
}