fix mobile menu style

This commit is contained in:
Jimmy Cai 2022-03-04 09:19:38 +00:00 committed by GitHub
parent f6f456168f
commit 20354c535d

View File

@ -134,16 +134,20 @@
overflow-y: auto; overflow-y: auto;
flex-grow: 1; flex-grow: 1;
font-size: 1.4rem; font-size: 1.4rem;
background-color: var(--card-background); background-color: var(--card-background);
padding: 15px 0;
box-shadow: var(--shadow-l1); box-shadow: var(--shadow-l1);
display: none; display: none;
margin: 0 calc(var(--container-padding) * -1); margin: 0 calc(var(--container-padding) * -1);
padding: 30px 30px;
@include respond(xl) {
padding: 15px 0;
}
&, &,
.menu-bottom-section { .menu-bottom-section {
gap: 20px; gap: 30px;
@include respond(xl) { @include respond(xl) {
gap: 25px; gap: 25px;
} }
@ -165,11 +169,10 @@
li { li {
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
padding: 0 15px; padding: 0;
@include respond(md) { @include respond(md) {
width: 100%; width: 100%;
padding: 0;
} }
svg { svg {