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

Remove preview when on mobile sizes

Browse source
This commit is contained in:
Justin Edmund 2023-06-16 17:37:40 -07:00
parent 715fa021de
commit ffc46f3b41
3 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/common/SegmentedControl/index.scss
View file

@ -1,6 +1,10 @@
.SegmentedControlWrapper { .SegmentedControlWrapper {
display: flex; display: flex;
justify-content: center; justify-content: center;
@include breakpoint(phone) {
width: 100%;
}
} }
.SegmentedControl { .SegmentedControl {
@ -14,6 +18,7 @@
@include breakpoint(phone) { @include breakpoint(phone) {
background: var(--card-bg); background: var(--card-bg);
border-radius: 100px;
} }
&.fire { &.fire {

4
components/party/PartySegmentedControl/index.scss
View file

@ -22,6 +22,10 @@
width: 100%; width: 100%;
} }
@include breakpoint(phone) {
padding: 0;
}
.SegmentedControl { .SegmentedControl {
gap: $unit; gap: $unit;
flex-grow: 1; flex-grow: 1;

9
components/reps/RepSegment/index.scss
View file

@ -45,6 +45,11 @@
background: #fff; background: #fff;
} }
@include breakpoint(phone) {
border-radius: 100px;
padding-bottom: $unit;
}
.Wrapper { .Wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -60,5 +65,9 @@
@include breakpoint(phone) { @include breakpoint(phone) {
min-width: initial; min-width: initial;
width: 100%; width: 100%;
.Rep {
display: none;
}
} }
} }