diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-12-22 20:42:43 +0100 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-12-22 20:42:43 +0100 |
| commit | c4682c231cbfa2bd4b44e14548800a64cc9cdbb8 (patch) | |
| tree | ec26d76e1714e270d981a00980be7c4ea6012688 /web/style/nodepage.css | |
| parent | 753a47a39c8e542ffa06d4c0735f9f67e890d199 (diff) | |
| parent | df008833d068152724f23282c1f305d0d1d4636b (diff) | |
| download | jellything-c4682c231cbfa2bd4b44e14548800a64cc9cdbb8.tar jellything-c4682c231cbfa2bd4b44e14548800a64cc9cdbb8.tar.bz2 jellything-c4682c231cbfa2bd4b44e14548800a64cc9cdbb8.tar.zst | |
Merge branch 'master' of codeberg.org:metamuffin/jellything
Diffstat (limited to 'web/style/nodepage.css')
| -rw-r--r-- | web/style/nodepage.css | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/web/style/nodepage.css b/web/style/nodepage.css index 91cdccc..121a397 100644 --- a/web/style/nodepage.css +++ b/web/style/nodepage.css @@ -6,18 +6,18 @@ */ .backdrop { width: calc(100% + 2 * var(--main-side-margin)); - height: calc(var(--backdrop-height) + 5em); + height: min(50vh, calc(var(--backdrop-height) + 5em)); margin-left: calc(-1 * var(--main-side-margin)); margin-right: calc(-1 * var(--main-side-margin)); margin-top: calc(-1 * var(--bar-height)); margin-bottom: -5em; -webkit-mask-image: linear-gradient( rgba(0, 0, 0, 1), - transparent calc(var(--backdrop-height) + 5em) + transparent min(50vh, calc(var(--backdrop-height) + 5em)) ); mask-image: linear-gradient( rgba(0, 0, 0, 1), - transparent calc(var(--backdrop-height) + 5em) + transparent min(50vh, calc(var(--backdrop-height) + 5em)) ); -webkit-mask-mode: alpha; mask-mode: alpha; @@ -43,7 +43,6 @@ } .page.node .title h1 { - display: inline; margin-right: 1em; } .page.node .title .play { @@ -84,4 +83,10 @@ } .dirup:hover { filter: brightness(120%); +} + +@media (max-width: 500px) { + .page.node .bigposter { + margin: 1.5em; + } }
\ No newline at end of file |