add tabs
This commit is contained in:
parent
3e635d9e44
commit
1c0fc195b0
3 changed files with 127 additions and 3 deletions
|
@ -16,7 +16,7 @@ main {
|
|||
display: grid;
|
||||
grid-auto-columns: 1fr;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
grid-template-rows: 150px 1fr 1fr;
|
||||
grid-template-rows: 100px 1fr 1fr;
|
||||
gap: 0 0;
|
||||
grid-template-areas: "nav nav" "queue queue" "browser result" "footer footer";
|
||||
}
|
||||
|
@ -191,6 +191,15 @@ input[type=text] {
|
|||
border-bottom-color: #545454;
|
||||
}
|
||||
|
||||
#nav {
|
||||
padding: 5px;
|
||||
background: linear-gradient(0deg, rgba(3,7,11,1) 0%, rgba(14,27,43,1) 4%, rgba(41,55,74,1) 6%, rgba(18,35,56,1) 94%, rgba(40,68,104,1) 96%, rgba(168,182,200,1) 100%);
|
||||
}
|
||||
|
||||
#nav > div {
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: rgb(15,29,47);
|
||||
background: linear-gradient(0deg, rgba(15,29,47,1) 0%, rgba(15,29,47,1) 50%, rgba(7,14,23,1) 100%);
|
||||
|
@ -260,6 +269,37 @@ table tr:hover td {
|
|||
background-color: #354158 !important; /* TODO: remove !important */
|
||||
}
|
||||
|
||||
#tabs {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tabs a {
|
||||
width: 50%;
|
||||
padding: 3pt;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background-color: #28374a;
|
||||
color: #bbb;
|
||||
border: 1px solid #545454;
|
||||
border-top-left-radius: 5pt;
|
||||
border-top-right-radius: 5pt;
|
||||
}
|
||||
|
||||
#tabs a.active {
|
||||
background-color: #1a1a1a;
|
||||
color: #bbb;
|
||||
border-bottom: none;
|
||||
/*border-top-color: #1a1a1a;*/
|
||||
/*border-right-color: #545454;*/
|
||||
/*border-bottom-color: #545454;*/
|
||||
/*border-left-color: #1a1a1a;*/
|
||||
}
|
||||
|
||||
#browser {
|
||||
background-color: #171812;
|
||||
border-right: 4px ridge #3a506b;
|
||||
}
|
||||
|
||||
footer svg {
|
||||
color: white;
|
||||
width: 12pt;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue