diff options
| -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)); |