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

Feature: artwork thumbnails are now squares

Browse source
This commit is contained in:
VnPower 2023-06-09 17:52:41 +07:00
parent 75d734cc1a
commit fc37e277a6
Signed by: vnpower
GPG key ID: 881DE3DEB966106C
3 changed files with 54 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
template/css/style.css
View file

@ -452,16 +452,22 @@ body {
.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: 45vw;
width: 47.4%;
aspect-ratio: 1/1;
}
}
@media screen and (max-width: 400px) {
.artwork-mobile {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
}

11
template/css/style.scss
View file

@ -527,17 +527,26 @@ body {
.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: 45vw;
width: 47.4%;
aspect-ratio: 1/1;
}
}
@media screen and (max-width: 400px) {
.artwork-mobile {
// width: 94vw;
// height: 94vw;
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
}

37
template/settings.html Normal file
View file

@ -0,0 +1,37 @@
{{ template "header.html" .Title }}
<div class="container">
<h2>Settings</h2>
<form action="/settings" method="post">
<fieldset class="settings-fieldset">
<legend>Proxy server {{ .Settings.Proxy }}</legend>
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="i.pixiv.cat" />
<label for="image-proxy-server">i.pixiv.cat</label>
<br />
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="px2.rainchan.win" />
<label for="image-proxy-server">px2.rainchan.win</label>
<br />
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="px3.rainchan.win" />
<label for="image-proxy-server">px3.rainchan.win</label>
<br />
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="px.s.rainchan.win" />
<label for="image-proxy-server">px.s.rainchan.win</label>
<br />
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="sex.nyan.xyz" />
<label for="image-proxy-server">___.nyan.xyz</label>
<br />
<input type="radio" name="image-proxy-server" id="image-proxy-server" value="pximg.wjghj.cn" />
<label for="image-proxy-server">pximg.wjghj.cn</label>
<br />
<br />
<label for="image-proxy-server">Custom image proxy server</label>
<br />
<input type="text" name="image-proxy-server" id="image-proxy-server" placeholder="Paste the address here..."
autocomplete="off" />
<br />
<input type="submit" value="Apply" />
</fieldset>
</form>
</div>
{{ template "footer.html" }}