Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web: space out css

Browse source
This commit is contained in:
wukko 2024-06-14 16:38:10 +06:00
parent 38d7add0a9
commit b831dc8236
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
3 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/sidebar/Sidebar.svelte
View file

@ -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;

2
web/src/components/sidebar/SidebarTab.svelte
View file

@ -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;
}

4
web/src/routes/+layout.svelte
View file

@ -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;