Better support larger and smaller screens
This commit is contained in:
parent
b352fd9801
commit
3bf7429042
2
Cargo.lock
generated
2
Cargo.lock
generated
|
@ -1196,7 +1196,7 @@ checksum = "d4fd5641d01c8f18a23da7b6fe29298ff4b55afcccdf78973b24cf3175fee32e"
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "pict-rs-proxy"
|
name = "pict-rs-proxy"
|
||||||
version = "0.1.4"
|
version = "0.1.5"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"actix-rt",
|
"actix-rt",
|
||||||
"actix-web",
|
"actix-web",
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
[package]
|
[package]
|
||||||
name = "pict-rs-proxy"
|
name = "pict-rs-proxy"
|
||||||
version = "0.1.4"
|
version = "0.1.5"
|
||||||
authors = ["asonix <asonix@asonix.dog>"]
|
authors = ["asonix <asonix@asonix.dog>"]
|
||||||
license = "AGPL-3.0"
|
license = "AGPL-3.0"
|
||||||
readme = "README.md"
|
readme = "README.md"
|
||||||
|
|
|
@ -12,9 +12,19 @@ ul {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.imagebox {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: middle;
|
||||||
|
max-width: 400px;
|
||||||
|
max-height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #e5e5e5;
|
border: 1px solid #e5e5e5;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||||
|
margin-right: auto;
|
||||||
|
max-height: 400px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,9 +21,11 @@
|
||||||
@for image in images {
|
@for image in images {
|
||||||
<li>
|
<li>
|
||||||
<article>
|
<article>
|
||||||
<img src="@image.thumb(400)" alt="@image.filename()" title="@image.filename()" />
|
<div class="imagebox">
|
||||||
<p>Link: <a href="@image.link()">@image.link()</a></p>
|
<img src="@image.thumb(800)" alt="@image.filename()" title="@image.filename()" />
|
||||||
<p>Delete link: <a href="@image.delete()">@image.delete()</a></p>
|
</div>
|
||||||
|
<p>Link:<br /><a href="@image.link()">@image.link()</a></p>
|
||||||
|
<p>Delete link:<br /><a href="@image.delete()">@image.delete()</a></p>
|
||||||
</article>
|
</article>
|
||||||
</li>
|
</li>
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue