From 426b3841c539c03917b06dc27a9a57ad3e27c2d0 Mon Sep 17 00:00:00 2001
From: Timm Friebe <thekid@thekid.de>
Date: Sat, 4 Jan 2025 18:15:44 +0100
Subject: [PATCH] Use is-... classes for preview

---
 src/main/handlebars/feed.handlebars   | 2 +-
 src/main/handlebars/layout.handlebars | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/handlebars/feed.handlebars b/src/main/handlebars/feed.handlebars
index 154c439..6455a76 100755
--- a/src/main/handlebars/feed.handlebars
+++ b/src/main/handlebars/feed.handlebars
@@ -42,7 +42,7 @@
             {{> partials/weather in=.}}
           </div>
 
-          <a class="images is-preview" href="{{route this}}">
+          <a class="images is-preview is-{{size-class (size images)}}" href="{{route this}}">
             {{#with images.0}}
               <div class="{{#if is.video}}is-video{{/if}} image">
                 <img alt="{{title}}, {{date meta.dateTime format='d.m.Y H:i'}}" {{#unless first}}loading="lazy"{{/unless}} {{&dataset meta}} src="/image/{{slug}}/thumb-{{name}}.webp" width="1024">
diff --git a/src/main/handlebars/layout.handlebars b/src/main/handlebars/layout.handlebars
index 5e86dc6..a2b9174 100755
--- a/src/main/handlebars/layout.handlebars
+++ b/src/main/handlebars/layout.handlebars
@@ -559,7 +559,7 @@
         grid-template-columns: 1fr;
       }
 
-      &.is-single video {
+      &.is-single, &.is-preview .image img, video {
         aspect-ratio: auto;
       }