website/public/assets/css/components/table.css
2024-03-29 23:23:37 +03:30

64 lines
1.1 KiB
CSS

.table {
--table-row-bg-color: var(--secondary-bg-color-alt);
--table-row-highlight-bg-color: var(--secondary-bg-color);
--table-link-color: var(--text-color);
}
.table {
overflow: auto;
max-width: 100%;
min-width: 100%;
}
.table-row--actions {
display: flex;
align-items: center;
gap: 10px;
}
.table-content {
width: 100%;
}
.table thead th,
.table tbody td {
text-align: left;
padding: 10px 30px;
}
.table thead th {
font-weight: 500;
font-size: 21px;
}
.table tbody td {
font-size: 20px;
}
.table tbody tr td {
background-color: var(--table-row-bg-color);
}
.table tbody tr:first-of-type td:first-of-type {
border-top-left-radius: 12px;
}
.table tbody tr:first-of-type td:last-of-type {
border-top-right-radius: 12px;
}
.table tbody tr:last-of-type td:first-of-type {
border-bottom-left-radius: 12px;
}
.table tbody tr:last-of-type td:last-of-type {
border-bottom-right-radius: 12px;
}
.table tbody tr.table-row.table-row--highlight td {
background-color: var(--table-row-highlight-bg-color);
}
.table a {
color: var(--table-link-color);
}