web: space out css
This commit is contained in:
parent
38d7add0a9
commit
b831dc8236
3 changed files with 8 additions and 0 deletions
|
@ -58,12 +58,14 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
background: black;
|
||||
height: 100vh;
|
||||
position: sticky;
|
||||
width: var(--sidebar-width);
|
||||
}
|
||||
|
||||
#sidebar-tabs {
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
|
|
|
@ -29,11 +29,13 @@
|
|||
font-size: var(--sidebar-font-size);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.sidebar-tab.active {
|
||||
color: var(--background);
|
||||
background: var(--accent);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sidebar-tab:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -19,21 +19,25 @@
|
|||
--sidebar-font-size: 11px;
|
||||
--sidebar-padding: 12px;
|
||||
}
|
||||
|
||||
:global(html),
|
||||
:global(body) {
|
||||
font-family: "IBM Plex Mono", "Noto Sans Mono", monospace;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
:global(a) {
|
||||
text-decoration: none;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
#cobalt {
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-columns: var(--sidebar-width) 1fr;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#content {
|
||||
display: flex;
|
||||
overflow: scroll;
|
||||
|
|
Loading…
Reference in a new issue