dont restrict aside width on mobile
This commit is contained in:
parent
9b6d75b560
commit
d452d28854
1 changed files with 4 additions and 2 deletions
|
@ -3,6 +3,7 @@
|
|||
:root {
|
||||
--max-width: 900px;
|
||||
--sidebar-width: 20%;
|
||||
--sidebar-padding: 10px;
|
||||
--shift-icon-filetree: -10px;
|
||||
|
||||
/* Size of icon */
|
||||
|
@ -12,7 +13,7 @@
|
|||
|
||||
main {
|
||||
max-width: var(--max-width);
|
||||
padding-inline: calc(var(--sidebar-width) + 10px);
|
||||
padding-inline: calc(var(--sidebar-width) + var(--sidebar-padding));
|
||||
}
|
||||
|
||||
/* Filetree */
|
||||
|
@ -21,7 +22,7 @@ aside {
|
|||
z-index: 1;
|
||||
position: absolute;
|
||||
width: var(--sidebar-width);
|
||||
padding-inline: 10px;
|
||||
padding-inline: var(--sidebar-padding);
|
||||
}
|
||||
|
||||
aside ul {
|
||||
|
@ -87,6 +88,7 @@ input[type="text"] {
|
|||
@media only screen and (max-width: 640px) {
|
||||
aside {
|
||||
display: none;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
main {
|
||||
|
|
Loading…
Reference in a new issue