vnpower/pixivfe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update: try to make images look better on mobile

Browse source
This commit is contained in:
VnPower 2023-06-14 10:19:08 +07:00
parent 6cabe4e79b
commit 0d56598e01
Signed by: vnpower
GPG key ID: 881DE3DEB966106C
2 changed files with 6 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
template/css/style.css
View file

@ -451,26 +451,22 @@ body {
text-decoration: none;
}
@media screen and (max-width: 800px) {
@media screen and (min-width: 400px) and (max-width: 800px) {
.search-bar {
display: none;
}
.artwork-thumbnail-small {
height: auto;
}
}
@media screen and (min-width: 400px) and (max-width: 800px) {
/* 400px <= device width <= 800px */
.artwork-mobile {
width: 47.4%;
aspect-ratio: 1/1;
object-fit: cover;
}
}
@media screen and (max-width: 400px) {
.artwork-mobile {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
width: 47%;
}
}

10
template/css/style.scss
View file

@ -526,7 +526,7 @@ body {
}
}
@media screen and (max-width: 800px) {
@media screen and (min-width: 400px) and (max-width: 800px) {
.search-bar {
display: none;
}
@ -534,13 +534,11 @@ body {
.artwork-thumbnail-small {
height: auto;
}
}
@media screen and (min-width: 400px) and (max-width: 800px) {
/* 400px <= device width <= 800px */
.artwork-mobile {
width: 47.4%;
aspect-ratio: 1/1;
object-fit: cover;
}
}
@ -548,8 +546,6 @@ body {
.artwork-mobile {
// width: 94vw;
// height: 94vw;
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
width: 47%;
}
}