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 "base";
|
||||
@import "panel";
|
||||
|
||||
@import "components";
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
|
Loading…
Reference in New Issue
Block a user