Use is-... classes for preview

thekid · Jan 4, 2025 · 426b384 · 426b384
1 parent 218f696
commit 426b384
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -559,7 +559,7 @@
         grid-template-columns: 1fr;
       }
 
-      &.is-single video {
+      &.is-single, &.is-preview .image img, video {
         aspect-ratio: auto;
       }