🐛 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 {
|
||||
margin-right: var(--val-menu--item-gap);
|
||||
padding-right: var(--val-gap);
|
||||
}
|
||||
.menu__inner a,
|
||||
.menu__inner button {
|
||||
|
|
@ -117,7 +117,13 @@
|
|||
/* Applies <= 992px */
|
||||
@media only screen and (max-width: 62rem) {
|
||||
.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 {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue