From 1b4c7b8d4b6afa74d306a37dea88f86591dec7e7 Mon Sep 17 00:00:00 2001
From: metamuffin <metamuffin@disroot.org>
Date: Fri, 12 Apr 2024 16:28:09 +0200
Subject: fix thumb aspect ratio

---
 web/style/layout.css   | 4 ++--
 web/style/nodecard.css | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'web')

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));
-- 
cgit v1.2.3-70-g09d2