diff options
| author | tpart <tpart120@proton.me> | 2023-12-09 11:37:41 +0100 |
|---|---|---|
| committer | tpart <tpart120@proton.me> | 2023-12-09 11:37:41 +0100 |
| commit | a2fca8bf6b62538ddeadac8155c3b3e653ef4511 (patch) | |
| tree | 2a1c7f1d3355dd922caa4ef524d2d8d16cf346a5 | |
| parent | 6d87fe0b3c875ef3c7dd1d811d237e75567f787b (diff) | |
| download | jellything-a2fca8bf6b62538ddeadac8155c3b3e653ef4511.tar jellything-a2fca8bf6b62538ddeadac8155c3b3e653ef4511.tar.bz2 jellything-a2fca8bf6b62538ddeadac8155c3b3e653ef4511.tar.zst | |
Update node card css
| -rw-r--r-- | web/style/nodecard.css | 14 | ||||
| -rw-r--r-- | web/style/themes.css | 5 |
2 files changed, 11 insertions, 8 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index ea29b25..8dacbf8 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -59,16 +59,18 @@ object-position: center; width: 100%; } - .node.card .title { text-align: center; -} - -.node.card .title { - margin-top: 0.1em; + margin-top: 0.5em; text-align: center; text-overflow: ellipsis; } +.node.card .title a { + text-decoration-line: none; +} +.node.card .title a:hover { + text-decoration-line: underline; +} .node.card .poster { display: grid; } @@ -81,7 +83,7 @@ pointer-events: none; grid-area: 1 / 1; transition: opacity 0.3s; - background-color: var(--overlay); + background-color: var(--overlay-poster); opacity: 0; display: flex; justify-content: center; diff --git a/web/style/themes.css b/web/style/themes.css index dc6f32d..462fd65 100644 --- a/web/style/themes.css +++ b/web/style/themes.css @@ -10,8 +10,9 @@ body.theme-Dark { --c-nav: #1c1c1c9a; --c-nav-hover: #ffffff10; --c-fade: black; - --overlay: #0005; - --overlay-hover: #0008; + --overlay-poster: #0005; + --overlay: #0006; + --overlay-hover: #0009; --background-dark: #070707; --background-light: #1c1c1c; --background-very-light: #323232; |