generated from bastian/boilerplate
Initial commit
This commit is contained in:
34
apps/frontend/src/styles/_tables.scss
Normal file
34
apps/frontend/src/styles/_tables.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
.ui-table-wrap {
|
||||
overflow-x: auto;
|
||||
background: var(--color-surface);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.ui-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
min-width: 42rem;
|
||||
}
|
||||
|
||||
.ui-table th,
|
||||
.ui-table td {
|
||||
padding: var(--space-4) var(--space-5);
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.ui-table th {
|
||||
color: var(--color-text-secondary);
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-semibold);
|
||||
background: var(--color-neutral-subtle);
|
||||
}
|
||||
|
||||
.ui-table tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-table tbody tr:hover {
|
||||
background: var(--color-primary-subtle);
|
||||
}
|
||||
Reference in New Issue
Block a user