diff options
Diffstat (limited to 'themes/danix-xyz-hacker/layouts')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/article-list-item.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html index 29f8d2b..d473e9a 100644 --- a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html +++ b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html @@ -13,14 +13,14 @@ {{ end }} {{ end }} -<article class="border border-border/30 rounded-lg overflow-hidden hover:border-accent/50 transition-all duration-200 group bg-bg"> +<article class="card group bg-bg"> <!-- Thumbnail --> {{ if $imageURL }} <a href="{{ .RelPermalink }}" class="block overflow-hidden bg-surface/50 relative" tabindex="-1"> <img src="{{ $imageURL }}" alt="{{ .Title }}" - class="w-full aspect-video object-cover group-hover:scale-105 transition-transform duration-200" + class="card-image group-hover:scale-105 transition-transform duration-200" loading="lazy" /> <!-- Type badge pill overlay --> @@ -36,7 +36,7 @@ {{ end }} <!-- Content --> - <div class="p-5 md:p-6 space-y-3"> + <div class="card-body"> <!-- Pinned badge --> {{ if .Params.pinned }} <div class="inline-flex items-center gap-1 px-2 py-1 rounded text-sm font-semibold" style="color: {{ .Site.Params.secondaryAccent }};"> @@ -69,10 +69,10 @@ <!-- CTA Button --> <a href="{{ .RelPermalink }}" - class="inline-flex items-center gap-2 px-3 py-2 rounded border border-border/30 text-sm font-medium hover:border-accent/50 hover:text-accent transition-colors group/cta" + class="btn btn-sm mt-2" > {{ i18n "readMore" }} - <i data-feather="arrow-right" class="w-4 h-4 group-hover/cta:translate-x-1 transition-transform"></i> + <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> </a> </div> </article> |