valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ensure post card hover effects fire by separating them from entry animation
All checks were successful
Deploy Theme / deploy (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-22 08:31:06 +01:00
parent 3caa9a3cf2
commit d7961af07a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
partials/post-card.hbs
View File

@@ -1,8 +1,8 @@
<article class="post-grid-item opacity-0 relative bg-[var(--bg-secondary)] rounded-xl shadow-lg overflow-hidden group h-80 transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:ring-2 hover:ring-[var(--brand-primary)]/50"> <article class="post-grid-item opacity-0 group h-80">
<a href="{{url}}" class="block h-full relative"> <a href="{{url}}" class="block h-full relative bg-[var(--bg-secondary)] rounded-xl shadow-lg overflow-hidden transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:ring-2 hover:ring-[var(--brand-primary)]/50">
{{#if feature_image}} {{#if feature_image}}
<img <img
class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110"
src="{{img_url feature_image size="m"}}" src="{{img_url feature_image size="m"}}"
srcset="{{img_url feature_image size="s"}} 400w, srcset="{{img_url feature_image size="s"}} 400w,
{{img_url feature_image size="m"}} 600w, {{img_url feature_image size="m"}} 600w,
@@ -13,7 +13,7 @@
loading="lazy" loading="lazy"
> >
{{else}} {{else}}
<div class="w-full h-full flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl transition-colors duration-500 group-hover:bg-[var(--bg-secondary)]">No Image</div> <div class="absolute inset-0 w-full h-full flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl transition-colors duration-500 group-hover:bg-[var(--bg-secondary)]">No Image</div>
{{/if}} {{/if}}
{{!-- Gradient Overlay --}} {{!-- Gradient Overlay --}}