Add data-table css component

This commit is contained in:
Alice Gaudon 2021-11-09 18:58:21 +01:00
parent 4d9dae5e3b
commit cae7adcee8
3 changed files with 28 additions and 1 deletions

View File

@ -0,0 +1 @@
@import "data-table";

View File

@ -0,0 +1,26 @@
.data-table {
width: 100%;
text-align: left;
border-collapse: collapse;
th, td {
padding: 8px;
}
th {
border-bottom: 1px solid #39434a;
white-space: nowrap;
}
tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.03);
}
tr:hover {
background-color: rgba(255, 255, 255, 0.09);
}
thead tr:hover {
background-color: transparent;
}
}

View File

@ -2,7 +2,7 @@
@import "helpers"; @import "helpers";
@import "base"; @import "base";
@import "panel"; @import "panel";
@import "components";
html { html {
height: 100%; height: 100%;