diff options
| author | metamuffin <metamuffin@disroot.org> | 2024-04-12 16:28:09 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2024-04-12 16:28:09 +0200 |
| commit | 1b4c7b8d4b6afa74d306a37dea88f86591dec7e7 (patch) | |
| tree | 1749e903e4327b43578e02c8112a4fa1f8f059c6 /web/style | |
| parent | a4de074ca8085f21cab1f41e5ab4968dc4152d92 (diff) | |
| download | jellything-1b4c7b8d4b6afa74d306a37dea88f86591dec7e7.tar jellything-1b4c7b8d4b6afa74d306a37dea88f86591dec7e7.tar.bz2 jellything-1b4c7b8d4b6afa74d306a37dea88f86591dec7e7.tar.zst | |
fix thumb aspect ratio
Diffstat (limited to 'web/style')
| -rw-r--r-- | web/style/layout.css | 4 | ||||
| -rw-r--r-- | web/style/nodecard.css | 6 |
2 files changed, 5 insertions, 5 deletions
diff --git a/web/style/layout.css b/web/style/layout.css index 8054c92..14ddd97 100644 --- a/web/style/layout.css +++ b/web/style/layout.css @@ -21,8 +21,8 @@ --card-size: min(50vw, 17em); --bar-height: 5em; --port-poster-aspect: 1.41; - --land-poster-aspect: (1.41 / 2); - --land-thumb-aspect: (9 / 16); + --land-poster-aspect: calc(2 / 1.41); + --land-thumb-aspect: calc(16 / 9); --backdrop-height: 24em; --main-side-margin: 2em; } diff --git a/web/style/nodecard.css b/web/style/nodecard.css index de99a33..918a87d 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -21,13 +21,13 @@ height: var(--card-size); } .card.aspect-port { - width: calc(var(--card-size) / var(--port-poster-aspect)); + width: calc(var(--card-size) * var(--port-poster-aspect)); } .card.aspect-land { - width: calc(var(--card-size) / var(--land-poster-aspect)); + width: calc(var(--card-size) * var(--land-poster-aspect)); } .card.aspect-thumb { - width: calc(var(--card-size) / var(--land-thumb-aspect)); + width: calc(var(--card-size) * var(--land-thumb-aspect)); } .card.aspect-square { width: calc(var(--card-size)); |