Feature: artwork thumbnails are now squares
This commit is contained in:
parent
75d734cc1a
commit
fc37e277a6
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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
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