fix(sidebar): Bottom section not showing in mobile

This commit is contained in:
Jiahao Li 2024-03-06 19:46:34 +02:00 committed by Jimmy Cai
parent 2cda779706
commit 385602d482
2 changed files with 38 additions and 32 deletions

View File

@ -127,7 +127,7 @@
} }
/* Menu style */ /* Menu style */
.menu { #main-menu {
padding-left: 0; padding-left: 0;
list-style: none; list-style: none;
flex-direction: column; flex-direction: column;
@ -200,13 +200,17 @@
font-weight: bold; font-weight: bold;
} }
} }
}
.menu-bottom-section { .menu-bottom-section {
margin-top: auto; margin-top: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
ol {
padding-left: 0;
}
}
} }
} }

View File

@ -74,7 +74,7 @@
</a> </a>
</li> </li>
{{ end }} {{ end }}
</ol> <li>
<div class="menu-bottom-section"> <div class="menu-bottom-section">
<ol class="menu"> <ol class="menu">
{{- $currentLanguageCode := .Language.Lang -}} {{- $currentLanguageCode := .Language.Lang -}}
@ -100,4 +100,6 @@
{{ end }} {{ end }}
</ol> </ol>
</div> </div>
</li>
</ol>
</aside> </aside>