mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
web/sidebar: fix grid on mobile
This commit is contained in:
parent
72ac4c8f5a
commit
2080a3e1ae
2 changed files with 3 additions and 2 deletions
|
@ -81,7 +81,7 @@
|
|||
|
||||
#sidebar {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
height: var(--sidebar-height-mobile);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
--border-radius: 11px;
|
||||
|
||||
--sidebar-width: 80px;
|
||||
--sidebar-height-mobile: 50px;
|
||||
--sidebar-font-size: 11px;
|
||||
}
|
||||
|
||||
|
@ -105,7 +106,7 @@
|
|||
#cobalt {
|
||||
display: grid;
|
||||
grid-template-columns: unset;
|
||||
grid-template-rows: 1fr var(--sidebar-width);
|
||||
grid-template-rows: 1fr var(--sidebar-height-mobile);
|
||||
}
|
||||
#content {
|
||||
order: -1;
|
||||
|
|
Loading…
Reference in a new issue