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/sidebar: fix grid on mobile

Browse source
This commit is contained in:
wukko 2024-06-16 20:39:23 +06:00
parent 72ac4c8f5a
commit 2080a3e1ae
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -81,7 +81,7 @@
#sidebar { #sidebar {
width: 100%; width: 100%;
height: auto; height: var(--sidebar-height-mobile);
position: fixed; position: fixed;
bottom: 0; bottom: 0;
} }

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

@ -26,6 +26,7 @@
--border-radius: 11px; --border-radius: 11px;
--sidebar-width: 80px; --sidebar-width: 80px;
--sidebar-height-mobile: 50px;
--sidebar-font-size: 11px; --sidebar-font-size: 11px;
} }
@ -105,7 +106,7 @@
#cobalt { #cobalt {
display: grid; display: grid;
grid-template-columns: unset; grid-template-columns: unset;
grid-template-rows: 1fr var(--sidebar-width); grid-template-rows: 1fr var(--sidebar-height-mobile);
} }
#content { #content {
order: -1; order: -1;