mirror of
https://github.com/imputnet/cobalt.git
synced 2025-06-29 18:08:28 +00:00
web/sidebar: fix grid on mobile
This commit is contained in:
parent
24c46d3464
commit
ccd37f3d35
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user