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; display: flex;
flex-direction: column; flex-direction: column;
} }
#sidebar { #sidebar {
background: black; background: black;
height: 100vh; height: 100vh;
position: sticky; position: sticky;
width: var(--sidebar-width); width: var(--sidebar-width);
} }
#sidebar-tabs { #sidebar-tabs {
height: 100%; height: 100%;
justify-content: space-between; justify-content: space-between;

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

@ -29,11 +29,13 @@
font-size: var(--sidebar-font-size); font-size: var(--sidebar-font-size);
opacity: 0.8; opacity: 0.8;
} }
.sidebar-tab.active { .sidebar-tab.active {
color: var(--background); color: var(--background);
background: var(--accent); background: var(--accent);
opacity: 1; opacity: 1;
} }
.sidebar-tab:hover { .sidebar-tab:hover {
opacity: 1; opacity: 1;
} }

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

@ -19,21 +19,25 @@
--sidebar-font-size: 11px; --sidebar-font-size: 11px;
--sidebar-padding: 12px; --sidebar-padding: 12px;
} }
:global(html), :global(html),
:global(body) { :global(body) {
font-family: "IBM Plex Mono", "Noto Sans Mono", monospace; font-family: "IBM Plex Mono", "Noto Sans Mono", monospace;
margin: 0; margin: 0;
} }
:global(a) { :global(a) {
text-decoration: none; text-decoration: none;
text-decoration-line: none; text-decoration-line: none;
} }
#cobalt { #cobalt {
height: 100vh; height: 100vh;
display: grid; display: grid;
grid-template-columns: var(--sidebar-width) 1fr; grid-template-columns: var(--sidebar-width) 1fr;
overflow: hidden; overflow: hidden;
} }
#content { #content {
display: flex; display: flex;
overflow: scroll; overflow: scroll;