Add data-table css component
This commit is contained in:
parent
4d9dae5e3b
commit
cae7adcee8
1
src/assets/scss/_components.scss
Normal file
1
src/assets/scss/_components.scss
Normal file
@ -0,0 +1 @@
|
|||||||
|
@import "data-table";
|
26
src/assets/scss/data-table.scss
Normal file
26
src/assets/scss/data-table.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
@ -2,7 +2,7 @@
|
|||||||
@import "helpers";
|
@import "helpers";
|
||||||
@import "base";
|
@import "base";
|
||||||
@import "panel";
|
@import "panel";
|
||||||
|
@import "components";
|
||||||
|
|
||||||
html {
|
html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
Loading…
Reference in New Issue
Block a user