🐛 Fix menu button width exceeding screen
This commit is contained in:
parent
f467aaa330
commit
193a1b3911
1 changed files with 8 additions and 2 deletions
|
|
@ -10,7 +10,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu__inner {
|
.menu__inner {
|
||||||
margin-right: var(--val-menu--item-gap);
|
padding-right: var(--val-gap);
|
||||||
}
|
}
|
||||||
.menu__inner a,
|
.menu__inner a,
|
||||||
.menu__inner button {
|
.menu__inner button {
|
||||||
|
|
@ -117,7 +117,13 @@
|
||||||
/* Applies <= 992px */
|
/* Applies <= 992px */
|
||||||
@media only screen and (max-width: 62rem) {
|
@media only screen and (max-width: 62rem) {
|
||||||
.menu__container {
|
.menu__container {
|
||||||
margin-left: var(--val-menu--item-gap);
|
border-radius: var(--val-border-radius);
|
||||||
|
}
|
||||||
|
.menu__inner {
|
||||||
|
padding-right: var(--val-gap-0-5);
|
||||||
|
}
|
||||||
|
.menu__inner button {
|
||||||
|
margin: var(--val-gap-0-5) 0 var(--val-gap-0-5) var(--val-gap-0-5);
|
||||||
}
|
}
|
||||||
.menu__trigger {
|
.menu__trigger {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue