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

More CSS fixes

Browse source
This commit is contained in:
Justin Edmund 2023-01-26 02:25:52 -08:00
parent 4c3d8360a0
commit c41dafbeeb
1 changed files with 43 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
components/JobAccessoryPopover/index.scss
View file

@ -2,15 +2,28 @@
padding: $unit-2x; padding: $unit-2x;
min-width: 40vw; min-width: 40vw;
max-width: 40vw; max-width: 40vw;
max-height: 40vh;
overflow-y: scroll;
margin-left: $unit-2x;
h3 {
font-size: $font-regular;
font-weight: $medium;
margin: 0 0 $unit $unit;
}
&.ReadOnly {
min-width: inherit;
max-width: inherit;
}
@include breakpoint(tablet) { @include breakpoint(tablet) {
width: 100%; width: initial;
max-width: initial; max-width: initial;
} }
@include breakpoint(phone) { @include breakpoint(phone) {
padding: $unit; width: initial;
width: 100%;
max-width: initial; max-width: initial;
} }
@ -24,4 +37,31 @@
gap: 0; gap: 0;
} }
} }
.EquippedAccessory {
display: flex;
flex-direction: column;
gap: $unit-2x;
h3 {
margin: 0;
}
.Accessory {
display: flex;
flex-direction: column;
gap: $unit;
h4 {
font-size: $font-small;
font-weight: $medium;
text-align: center;
}
img {
border-radius: $item-corner;
width: 150px;
}
}
}
} }