web-base/react/shared/elements/data-table.css
2024-05-02 16:40:06 +02:00

59 lines
867 B
CSS

.data-table {
padding: 0;
}
.data-table td, .data-table th {
padding: 5px;
vertical-align: middle;
}
.data-table th {
background-color: #bbb;
white-space: nowrap;
}
.data-table th > svg {
vertical-align: middle;
width: 18px;
height: 18px;
margin-right: 5px;
}
.center {
text-align: center;
}
.font-monospace {
font-family: monospace;
}
.data-table-clickable {
cursor: pointer;
}
.pagination-controls {
margin-top: 6px;
display: grid;
grid-template-columns: 75px auto;
align-items: center;
}
.pagination-controls select {
padding-top: 5px;
padding-bottom: 5px;
}
.data-table-buttons {
white-space: nowrap;
}
.data-table-buttons > svg {
margin-left: 4px;
margin-right: 4px;
cursor: pointer;
}
.data-table-button-bar button {
margin-right: 8px;
margin-top: 8px;
}