fix(article-link): replace figure tag to div

this is not needed for decorative images
This commit is contained in:
ZhenShuo Leo
2025-10-08 13:06:24 +08:00
parent ec8d9297f9
commit a27d65ad36
4 changed files with 14 additions and 14 deletions

View File

@@ -14,16 +14,16 @@
{{ $disableImageOptimization := site.Store.Get "disableImageOptimization" }}
{{ $cardClasses := "flex flex-col md:flex-row relative" }}
{{ $figureClasses := "" }}
{{ $imgWrapperClasses := "" }}
{{ $cardContentClasses := "" }}
{{ if site.Params.list.showCards }}
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
{{ $figureClasses = "" }}
{{ $imgWrapperClasses = "" }}
{{ $cardContentClasses = printf "%s p-2.5 pl-4 pb-0" $cardContentClasses }}
{{ else }}
{{ $cardClasses = printf "%s" $cardClasses }}
{{ $figureClasses = printf "%s thumbnail-shadow md:mr-7" $figureClasses }}
{{ $imgWrapperClasses = printf "%s thumbnail-shadow md:mr-7" $imgWrapperClasses }}
{{ $cardContentClasses = printf "%s mt-3 md:mt-0" $cardContentClasses }}
{{ end }}
@@ -82,14 +82,14 @@
<article class="{{ $cardClasses }}">
{{ with $featuredURL }}
<figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
<img
src="{{ . }}"
alt=""
loading="lazy"
decoding="async"
class="not-prose absolute inset-0 w-full h-full object-cover">
</figure>
</div>
{{ end }}
<div class="{{ $cardContentClasses }}">
<header class="items-center text-start text-xl font-semibold">

View File

@@ -53,7 +53,7 @@
<article
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
{{ with $featuredURL }}
<figure class="not-prose flex-none relative overflow-hidden thumbnail--related">
<div class="flex-none relative overflow-hidden thumbnail--related">
<img
src="{{ . }}"
alt=""
@@ -61,7 +61,7 @@
decoding="async"
fetchpriority="low"
class="not-prose absolute inset-0 w-full h-full object-cover">
</figure>
</div>
{{ end }}
{{ if and .Draft .Site.Params.article.showDraftLabel }}
<span class="absolute top-0 right-0 m-2">

View File

@@ -57,14 +57,14 @@
<article
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
{{ with $featuredURL }}
<figure class="not-prose flex-none relative overflow-hidden thumbnail--card">
<div class="flex-none relative overflow-hidden thumbnail--card">
<img
src="{{ . }}"
alt=""
loading="lazy"
decoding="async"
class="not-prose absolute inset-0 w-full h-full object-cover">
</figure>
</div>
{{ end }}
{{ if and .Draft .Site.Params.article.showDraftLabel }}
<span class="absolute top-0 right-0 m-2">

View File

@@ -7,16 +7,16 @@
{{ $disableImageOptimization := site.Store.Get "disableImageOptimization" }}
{{ $cardClasses := "flex flex-col md:flex-row relative" }}
{{ $figureClasses := "" }}
{{ $imgWrapperClasses := "" }}
{{ $cardContentClasses := "" }}
{{ if site.Params.list.showCards }}
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }}
{{ $figureClasses = "" }}
{{ $imgWrapperClasses = "" }}
{{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
{{ else }}
{{ $cardClasses = $cardClasses }}
{{ $figureClasses = printf "%s thumbnail-shadow md:mr-7" $figureClasses }}
{{ $imgWrapperClasses = printf "%s thumbnail-shadow md:mr-7" $imgWrapperClasses }}
{{ $cardContentClasses = printf "%s mt-3 md:mt-0" $cardContentClasses }}
{{ end }}
@@ -75,14 +75,14 @@
<article class="{{ $cardClasses }}">
{{ with $featuredURL }}
<figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
<img
src="{{ . }}"
alt=""
loading="lazy"
decoding="async"
class="not-prose absolute inset-0 w-full h-full object-cover">
</figure>
</div>
{{ end }}
<div class="{{ $cardContentClasses }}">
<header class="items-center text-start text-xl font-semibold">