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

Fix Alert at small sizes

Browse source
This commit is contained in:
Justin Edmund 2023-06-21 03:20:50 -07:00
parent 7d7a94b5d2
commit e20d7fb0f1
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
components/common/Alert/index.scss
View file

@ -22,9 +22,14 @@
max-width: 30vw; max-width: 30vw;
padding: $unit * 4; padding: $unit * 4;
@include breakpoint(tablet) {
max-width: inherit;
max-width: 60vw;
}
@include breakpoint(phone) { @include breakpoint(phone) {
max-width: inherit; max-width: inherit;
width: 60vw; width: 70vw;
} }
.description { .description {
@ -41,5 +46,15 @@
display: flex; display: flex;
align-self: flex-end; align-self: flex-end;
gap: $unit; gap: $unit;
@include breakpoint(phone) {
flex-direction: column-reverse;
align-self: center;
width: 100%;
.Button {
width: 100%;
}
}
} }
} }