238de4cd3a
Feat/CJ-17 points expiration table * feat(CJ-17): Added point expiration table and refactored to use Table component * feat(CJ-17): Use Table component inside Row * fix(CJ-117): Added missing css class and update date formatting * fix(CJ-117): Added copy of membershipLevel route with a protectedProcedure Approved-by: Christel Westerberg
40 lines
657 B
CSS
40 lines
657 B
CSS
.table {
|
|
border-radius: var(--Corner-radius-Medium);
|
|
border-collapse: collapse;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.thead {
|
|
background-color: var(--Base-Background-Secondary-Normal, #f7e1d5);
|
|
}
|
|
|
|
.tbody {
|
|
background-color: var(--Base-Surface-Primary-light-Normal, #fff);
|
|
}
|
|
|
|
.tr:not(:last-of-type) {
|
|
border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider, #f0c1b6);
|
|
}
|
|
|
|
.th {
|
|
padding: var(--Spacing-x2);
|
|
|
|
text-align: left;
|
|
text-wrap: nowrap;
|
|
}
|
|
|
|
.td {
|
|
padding: var(--Spacing-x2);
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.th {
|
|
padding: var(--Spacing-x2) var(--Spacing-x3);
|
|
}
|
|
|
|
.td {
|
|
padding: var(--Spacing-x3);
|
|
}
|
|
}
|