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

Center text on triggers on small screen sizes

Browse source
This commit is contained in:
Justin Edmund 2023-06-30 22:23:12 -07:00
parent a3a205fb5d
commit f89cdcdddd
2 changed files with 35 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/common/Popover/index.module.scss
View file

@ -43,17 +43,28 @@
cursor: pointer; cursor: pointer;
} }
&.small > .value { &.small {
& > .value {
font-size: $font-small; font-size: $font-small;
margin: 0; margin: 0;
max-width: 200px; max-width: 200px;
}
@include breakpoint(tablet) { @include breakpoint(tablet) {
&::before {
content: '';
display: block;
width: calc($unit-2x - 1px);
}
& > .value {
display: block;
width: 100%; width: 100%;
max-width: inherit; max-width: inherit;
text-align: center; text-align: center;
} }
} }
}
&.bound.raid { &.bound.raid {
&.highlighted .value { &.highlighted .value {

12
components/common/Select/index.module.scss
View file

@ -7,17 +7,27 @@
gap: $unit; gap: $unit;
padding: ($unit * 1.5) $unit-2x; padding: ($unit * 1.5) $unit-2x;
&.small > span:not(.icon) { &.small {
& > span:not(.icon) {
font-size: $font-small; font-size: $font-small;
margin: 0; margin: 0;
max-width: 200px; max-width: 200px;
}
@include breakpoint(tablet) { @include breakpoint(tablet) {
&::before {
content: '';
display: block;
width: calc($unit-2x - 1px);
}
& > span:not(.icon) {
width: 100%; width: 100%;
max-width: inherit; max-width: inherit;
text-align: center; text-align: center;
} }
} }
}
&.bound { &.bound {
background-color: var(--select-contained-bg); background-color: var(--select-contained-bg);