granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix ElementToggle on smaller devices

Browse source
This commit is contained in:
Justin Edmund 2023-04-12 06:14:19 -07:00
parent 53baba5bd7
commit 72fdfc1192
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
components/ElementToggle/index.scss
View file

@ -8,6 +8,12 @@
height: $height; height: $height;
gap: calc($unit / 4); gap: calc($unit / 4);
padding: calc($unit / 2); padding: calc($unit / 2);
flex-wrap: wrap;
@include breakpoint(phone) {
border-radius: $unit-2x;
height: auto;
}
.ToggleItem { .ToggleItem {
background: var(--toggle-bg); background: var(--toggle-bg);
@ -16,7 +22,14 @@
color: var(--input-secondary); color: var(--input-secondary);
flex-grow: 1; flex-grow: 1;
font-size: $font-regular; font-size: $font-regular;
padding: ($unit) $unit * 2; padding-top: $unit;
padding-bottom: $unit;
@include breakpoint(phone) {
border-radius: $card-corner;
padding-left: $unit-2x;
padding-right: $unit-2x;
}
&.ja { &.ja {
padding-top: 6px; padding-top: 6px;