style: improve article-link contrast

add background and tweak border
This commit is contained in:
ZhenShuo Leo
2025-11-23 13:46:12 +08:00
parent 31039584e8
commit 112b22c0d9
4 changed files with 6 additions and 6 deletions
@@ -18,7 +18,7 @@
{{ $cardContentClasses := "" }} {{ $cardContentClasses := "" }}
{{ if site.Params.list.showCards }} {{ if site.Params.list.showCards }}
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }} {{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
{{ $imgWrapperClasses = "" }} {{ $imgWrapperClasses = "" }}
{{ $cardContentClasses = printf "%s p-4 pt-2" $cardContentClasses }} {{ $cardContentClasses = printf "%s p-4 pt-2" $cardContentClasses }}
{{ else }} {{ else }}
@@ -51,7 +51,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-lg border border-neutral-300 dark:border-neutral-600">
{{ with $featuredURL }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden thumbnail_card_related"> <div class="flex-none relative overflow-hidden thumbnail_card_related">
<img <img
@@ -68,7 +68,7 @@
{{ partial "badge.html" (i18n "article.draft" | emojify) }} {{ partial "badge.html" (i18n "article.draft" | emojify) }}
</span> </span>
{{ end }} {{ end }}
<div class="px-6 py-4"> <div class="p-4">
<header> <header>
<a <a
{{ with $page.Params.externalUrl }} {{ with $page.Params.externalUrl }}
+2 -2
View File
@@ -55,7 +55,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-lg border border-neutral-300 dark:border-neutral-600">
{{ with $featuredURL }} {{ with $featuredURL }}
<div class="flex-none relative overflow-hidden thumbnail_card"> <div class="flex-none relative overflow-hidden thumbnail_card">
<img <img
@@ -71,7 +71,7 @@
{{ partial "badge.html" (i18n "article.draft" | emojify) }} {{ partial "badge.html" (i18n "article.draft" | emojify) }}
</span> </span>
{{ end }} {{ end }}
<div class="px-6 py-4"> <div class="p-4">
<header> <header>
<a <a
{{ with $page.Params.externalUrl }} {{ with $page.Params.externalUrl }}
+1 -1
View File
@@ -11,7 +11,7 @@
{{ $cardContentClasses := "" }} {{ $cardContentClasses := "" }}
{{ if site.Params.list.showCards }} {{ if site.Params.list.showCards }}
{{ $cardClasses = printf "%s overflow-hidden rounded-md border-2 border-neutral-200 dark:border-neutral-700" $cardClasses }} {{ $cardClasses = printf "%s overflow-hidden rounded-lg border border-neutral-300 dark:border-neutral-600" $cardClasses }}
{{ $imgWrapperClasses = "" }} {{ $imgWrapperClasses = "" }}
{{ $cardContentClasses = printf "%s p-4" $cardContentClasses }} {{ $cardContentClasses = printf "%s p-4" $cardContentClasses }}
{{ else }} {{ else }}