diff options
| author | tpart <tpart120@proton.me> | 2024-04-12 14:59:43 +0200 |
|---|---|---|
| committer | tpart <tpart120@proton.me> | 2024-04-12 15:00:08 +0200 |
| commit | a461b98c8f3d2bf8f017ba3d467fb8009e4c8218 (patch) | |
| tree | 2ec360678586912dc9d07d4d19a552a9aba19385 /web | |
| parent | 620cffe99147e7e04e27c6975c99aaedfa2eb096 (diff) | |
| download | jellything-a461b98c8f3d2bf8f017ba3d467fb8009e4c8218.tar jellything-a461b98c8f3d2bf8f017ba3d467fb8009e4c8218.tar.bz2 jellything-a461b98c8f3d2bf8f017ba3d467fb8009e4c8218.tar.zst | |
Add loading background; round poster edges
Diffstat (limited to 'web')
| -rw-r--r-- | web/style/nodecard.css | 8 | ||||
| -rw-r--r-- | web/style/themes.css | 3 |
2 files changed, 11 insertions, 0 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index 05c305b..de99a33 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -4,6 +4,14 @@ Copyright (C) 2024 metamuffin <metamuffin.org> Copyright (C) 2023 tpart */ + +.poster * img, .bigposter img { + background-color: var(--image-loading-placeholder); +} +.poster a, .bigposter img { + border-radius: 1em; +} + .card { padding: 1em; } diff --git a/web/style/themes.css b/web/style/themes.css index f5bf57b..b18c618 100644 --- a/web/style/themes.css +++ b/web/style/themes.css @@ -27,6 +27,7 @@ body.theme-Dark { --font: #f1f1f1; --font-dark: rgb(122, 122, 122); --font-highlight: white; + --image-loading-placeholder: rgb(50, 50, 50); } body.theme-Light { --accent-light: #e46600; @@ -47,6 +48,7 @@ body.theme-Light { --font: #0f0f0f; --font-dark: #606060; --font-highlight: black; + --image-loading-placeholder: rgb(200, 200, 200); } body.theme-Purple { --accent-light: rgb(191, 87, 255); @@ -67,4 +69,5 @@ body.theme-Purple { --font: #f1f1f1; --font-dark: rgb(122, 122, 122); --font-highlight: white; + --image-loading-placeholder: rgb(50, 50, 50); } |