VnPower/PixivFE
1
0
Fork 0
mirror of https://codeberg.org/VnPower/PixivFE synced 2024-12-06 19:16:23 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix: image grid and artwork page on mobile

Browse Source
This commit is contained in:
VnPower
2023-10-17 12:02:55 +07:00
parent 31ccb20c13
commit 403585c91b
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
template/css/style.css
+6 -1
View File
@@ -265,6 +265,7 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(199px, 1fr));
align-items: center;
justify-items: center;
}
.artwork-container-scroll {
@@ -432,11 +433,15 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img {
}
.illust .illust-images {
display: flex;
flex-flow: column wrap;
align-items: center;
flex-direction: column;
width: 100%;
}
.illust .illust-images img {
margin-top: 15px;
max-height: 1000px;
width: auto;
max-width: 100%;
}
.illust .illust-attr {
display: flex;
template/css/style.scss
+6 -1
View File
@@ -322,6 +322,7 @@ nav {
minmax(calc($small-artwork-width + 15px), 1fr)
);
align-items: center;
justify-items: center;
}
.artwork-container-scroll {
@@ -493,11 +494,15 @@ nav {
.illust-images {
display: flex;
flex-flow: column wrap;
align-items: center;
flex-direction: column;
width: 100%;
img {
margin-top: 15px;
max-height: 1000px;
width: auto;
max-width: 100%;
}
}