Render portrait thumbnails as squares on mobile

A bit too small otherwise
2026-04-24 11:01:58 +01:00
parent 98dcb4f25b
commit cb4b9c6b40
2 changed files with 10 additions and 2 deletions
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1006,10 +1006,17 @@ abbr[title] {
    flex: 0 0 auto;
    height: 100px;
    width: auto;
-    aspect-ratio: var(--slide-ratio, 16 / 9);
    scroll-snap-align: none;
  }

+  .carousel-slide.landscape {
+    aspect-ratio: var(--slide-ratio, 16 / 9);
+  }
+
+  .carousel-slide.portrait {
+    aspect-ratio: 1 / 1;
+  }
+
  .carousel-placeholder {
    display: block;
    background-color: var(--hover-bg);