feat(style.css): style panel table
This commit is contained in:
@@ -82,4 +82,63 @@ header a {
|
|||||||
|
|
||||||
.center {
|
.center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center-table {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table{
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: 2px solid var(--nord-fg0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table thead {
|
||||||
|
position: sticky;
|
||||||
|
top: -1px;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table th, .select-table td {
|
||||||
|
padding: 0.5rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid var(--nord-fg1);
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table th {
|
||||||
|
background-color: var(--nord-bg2);
|
||||||
|
color: var(--nord-fg0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table a {
|
||||||
|
display: block;
|
||||||
|
color: var(--nord-acc0);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: 0.1s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table tr {
|
||||||
|
transition: 0.1s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table tr:hover {
|
||||||
|
background-color: var(--nord-acc1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-table tr:hover a {
|
||||||
|
color: var(--nord-bg0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.red-bg {
|
||||||
|
background-color: var(--nord-aur0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.yellow-bg {
|
||||||
|
background-color: var(--nord-aur2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.green-bg {
|
||||||
|
background-color: var(--nord-aur3);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user