diff options
| author | Danilo M. <danix@danix.xyz> | 2026-06-26 17:57:30 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-06-26 17:57:30 +0200 |
| commit | 9244ad0666c4859569801508348fa83c6e4648f4 (patch) | |
| tree | d8beaa5f5c58eacee91870af7a7cdcc94b2fff7a /layouts | |
| parent | f5e6e6ecb2fa0dee24b701e53daebaac677687f3 (diff) | |
| download | danixxyz-theme-9244ad0666c4859569801508348fa83c6e4648f4.tar.gz danixxyz-theme-9244ad0666c4859569801508348fa83c6e4648f4.zip | |
fix: row thumbnail cell is 3:2 landscape, holds its own aspect ratio
Was stretching to body height via items-stretch; give the image cell
aspect-[3/2] and self-start so a 3:2 thumbnail displays at its intended
ratio instead of being cropped to the row height.
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/project-row.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/layouts/partials/project-row.html b/layouts/partials/project-row.html index 5a65f35..7a1e209 100644 --- a/layouts/partials/project-row.html +++ b/layouts/partials/project-row.html @@ -24,7 +24,7 @@ <article class="group flex flex-col md:flex-row {{ if $reverse }}md:flex-row-reverse{{ end }} gap-6 items-stretch border-l-4 border-accent bg-surface/30 rounded-lg overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg hover:bg-surface/50"> <!-- Visual (decorative duplicate of the title link; hidden from AT) --> - <a href="{{ $p.RelPermalink }}" tabindex="-1" aria-hidden="true" class="md:w-1/3 flex-shrink-0 flex items-center justify-center bg-bg/40 min-h-[10rem]"> + <a href="{{ $p.RelPermalink }}" tabindex="-1" aria-hidden="true" class="md:w-1/3 flex-shrink-0 self-start flex items-center justify-center bg-bg/40 aspect-[3/2] overflow-hidden"> {{ if $imageURL }} <img src="{{ $imageURL }}" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-200" loading="lazy" /> {{ else }} |