Feature: artwork thumbnails are now squares
This commit is contained in:
parent
75d734cc1a
commit
fc37e277a6
3 changed files with 54 additions and 2 deletions
|
@ -452,16 +452,22 @@ body {
|
||||||
.search-bar {
|
.search-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.artwork-thumbnail-small {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 400px) and (max-width: 800px) {
|
@media screen and (min-width: 400px) and (max-width: 800px) {
|
||||||
/* 400px <= device width <= 800px */
|
/* 400px <= device width <= 800px */
|
||||||
.artwork-mobile {
|
.artwork-mobile {
|
||||||
width: 45vw;
|
width: 47.4%;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
.artwork-mobile {
|
.artwork-mobile {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -527,17 +527,26 @@ body {
|
||||||
.search-bar {
|
.search-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.artwork-thumbnail-small {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 400px) and (max-width: 800px) {
|
@media screen and (min-width: 400px) and (max-width: 800px) {
|
||||||
/* 400px <= device width <= 800px */
|
/* 400px <= device width <= 800px */
|
||||||
.artwork-mobile {
|
.artwork-mobile {
|
||||||
width: 45vw;
|
width: 47.4%;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
.artwork-mobile {
|
.artwork-mobile {
|
||||||
|
// width: 94vw;
|
||||||
|
// height: 94vw;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
37
template/settings.html
Normal file
37
template/settings.html
Normal 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" }}
|
Loading…
Reference in a new issue