Fix some mobile styles

This commit is contained in:
Justin Edmund 2023-06-16 17:52:54 -07:00
parent 865ee880d0
commit 7ddd14e335
2 changed files with 12 additions and 0 deletions

View file

@ -11,6 +11,10 @@
min-width: 440px; min-width: 440px;
z-index: 5; z-index: 5;
@include breakpoint(phone) {
min-width: auto;
}
&.Flush { &.Flush {
padding: 0; padding: 0;
} }

View file

@ -42,6 +42,10 @@
&:hover { &:hover {
background: var(--button-contained-bg); background: var(--button-contained-bg);
} }
@include breakpoint(phone) {
width: auto;
}
} }
.Flipped { .Flipped {
@ -65,6 +69,10 @@
overflow-y: scroll; overflow-y: scroll;
padding: 0 $unit; padding: 0 $unit;
@include breakpoint(phone) {
height: 28vh;
}
&.Searching { &.Searching {
.CommandGroup { .CommandGroup {
padding-top: 0; padding-top: 0;