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

Fixes the issue for now

Browse source 
This does introduce a new bug with SVG background images—they are appearing incredibly blurry even though they're SVGs. I fear I will have to output raster images.
This commit is contained in:
Justin Edmund 2022-12-27 10:09:32 -08:00
parent 4a2fe46078
commit 70a83f274f
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
components/UncapStar/index.scss
View file

@ -7,12 +7,6 @@
height: $size; height: $size;
width: $size; width: $size;
@media (max-width: $phone) {
background-size: 12px;
height: 12px;
width: 12px;
}
@media (min-width: $laptop) { @media (min-width: $laptop) {
&:hover { &:hover {
transform: scale(1.2); transform: scale(1.2);
@ -63,3 +57,13 @@
} }
} }
} }
// Phone up to iPhone 14 Pro Max
@media only screen and (max-width: 430px) and (max-height: 850px) and (-webkit-device-pixel-ratio: 3) {
.UncapStar {
background-size: cover;
image-rendering: crisp-edges;
height: 14px;
width: 14px;
}
}