chore(article-link): use old naming of css class name

though the new thumbnail--xxx naming is cleaner
but this kind of change should be postponed until a major release
This commit is contained in:
ZhenShuo Leo
2025-10-08 13:12:49 +08:00
parent a27d65ad36
commit 3918571644
7 changed files with 13 additions and 13 deletions

View File

@@ -3779,19 +3779,19 @@ pre {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.thumbnail--card { .thumbnail_card {
min-width: 300px; min-width: 300px;
height: 200px; height: 200px;
} }
.thumbnail--related { .thumbnail_card_related {
height: 150px; height: 150px;
} }
.thumbnail--simple { .thumbnail {
width: 300px; width: 300px;
min-height: 180px; min-height: 180px;
} }
@media (width < 853px) { @media (width < 853px) {
.thumbnail--simple { .thumbnail {
width: 100%; width: 100%;
} }
} }

View File

@@ -177,22 +177,22 @@ pre {
height: 100%; height: 100%;
} }
.thumbnail--card { .thumbnail_card {
min-width: 300px; min-width: 300px;
height: 200px; height: 200px;
} }
.thumbnail--related { .thumbnail_card_related {
height: 150px; height: 150px;
} }
.thumbnail--simple { .thumbnail {
width: 300px; width: 300px;
min-height: 180px; min-height: 180px;
} }
@variant max-md { @variant max-md {
.thumbnail--simple { .thumbnail {
width: 100%; width: 100%;
} }
} }

View File

@@ -82,7 +82,7 @@
<article class="{{ $cardClasses }}"> <article class="{{ $cardClasses }}">
{{ with $featuredURL }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple"> <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
<img <img
src="{{ . }}" src="{{ . }}"
alt="" alt=""

View File

@@ -53,7 +53,7 @@
<article <article
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700"> 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 }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden thumbnail--related"> <div class="flex-none relative overflow-hidden thumbnail_card_related">
<img <img
src="{{ . }}" src="{{ . }}"
alt="" alt=""

View File

@@ -57,7 +57,7 @@
<article <article
class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700"> 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 }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden thumbnail--card"> <div class="flex-none relative overflow-hidden thumbnail_card">
<img <img
src="{{ . }}" src="{{ . }}"
alt="" alt=""

View File

@@ -75,7 +75,7 @@
<article class="{{ $cardClasses }}"> <article class="{{ $cardClasses }}">
{{ with $featuredURL }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple"> <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
<img <img
src="{{ . }}" src="{{ . }}"
alt="" alt=""

View File

@@ -28,7 +28,7 @@
<div class="min-w-full"> <div class="min-w-full">
<div class="border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative"> <div class="border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
{{ with $featuredURL }} {{ with $featuredURL }}
<figure class="not-prose flex-none relative overflow-hidden thumbnail--card"> <figure class="not-prose flex-none relative overflow-hidden thumbnail_card">
<img <img
src="{{ . }}" src="{{ . }}"
alt="{{ $.Page.Title }}" alt="{{ $.Page.Title }}"