diff options
author | tpart <tpart120@proton.me> | 2024-04-12 15:31:59 +0200 |
---|---|---|
committer | tpart <tpart120@proton.me> | 2024-04-12 15:31:59 +0200 |
commit | a4de074ca8085f21cab1f41e5ab4968dc4152d92 (patch) | |
tree | 6e22fe8c928880a2422b32733da44186399530a6 /web | |
parent | a461b98c8f3d2bf8f017ba3d467fb8009e4c8218 (diff) | |
download | jellything-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.css | 15 |
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 { |