aboutsummaryrefslogtreecommitdiff
path: root/web
diff options
context:
space:
mode:
authortpart <tpart120@proton.me>2024-04-12 15:31:59 +0200
committertpart <tpart120@proton.me>2024-04-12 15:31:59 +0200
commita4de074ca8085f21cab1f41e5ab4968dc4152d92 (patch)
tree6e22fe8c928880a2422b32733da44186399530a6 /web
parenta461b98c8f3d2bf8f017ba3d467fb8009e4c8218 (diff)
downloadjellything-a4de074ca8085f21cab1f41e5ab4968dc4152d92.tar
jellything-a4de074ca8085f21cab1f41e5ab4968dc4152d92.tar.bz2
jellything-a4de074ca8085f21cab1f41e5ab4968dc4152d92.tar.zst
Fix big poster loading background and size
Diffstat (limited to 'web')
-rw-r--r--web/style/nodepage.css15
1 files changed, 15 insertions, 0 deletions
diff --git a/web/style/nodepage.css b/web/style/nodepage.css
index 2b76ede..c6cf981 100644
--- a/web/style/nodepage.css
+++ b/web/style/nodepage.css
@@ -34,12 +34,27 @@
float: left;
margin: 3em;
margin-top: -1em;
+ height: 100%;
}
.page.node .bigposter img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
+ display: block;
+}
+
+.bigposter.aspect-thumb {
+ aspect-ratio: var(--land-thumb-aspect)
+}
+.bigposter.aspect-land {
+ aspect-ratio: var(--land-poster-aspect)
+}
+.bigposter.aspect-port {
+ aspect-ratio: var(--port-poster-aspect)
+}
+.bigposter.aspect-square {
+ aspect-ratio: 1;
}
.page.node .title h1 {