diff options
| author | Eltrac <hi@guhub.cn> | 2025-07-15 16:47:25 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-07-15 16:47:25 +0800 |
| commit | ef16dffd81595af3bc03efea78d45032d0b467a2 (patch) | |
| tree | 5f1588e9bab0a8ab8f18852fa26001cc11873412 /layouts/_partials | |
| parent | 6c76369a20223f1f67f75450a99cf7691c7e908a (diff) | |
refactor: replace _card.scss with UnoCSS
Diffstat (limited to 'layouts/_partials')
| -rw-r--r-- | layouts/_partials/components/tags.html | 2 | ||||
| -rw-r--r-- | layouts/_partials/home/latest-cards.html | 8 | ||||
| -rw-r--r-- | layouts/_partials/items/card.html | 10 |
3 files changed, 11 insertions, 9 deletions
diff --git a/layouts/_partials/components/tags.html b/layouts/_partials/components/tags.html index 6ff7f594..b08230d9 100644 --- a/layouts/_partials/components/tags.html +++ b/layouts/_partials/components/tags.html @@ -1,3 +1,3 @@ {{ range .Params.tags }} -<a class="tag" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a> +<a class="tag font-secondary no-underline!" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a> {{ end }} diff --git a/layouts/_partials/home/latest-cards.html b/layouts/_partials/home/latest-cards.html index bad3a27e..78a8a515 100644 --- a/layouts/_partials/home/latest-cards.html +++ b/layouts/_partials/home/latest-cards.html @@ -1,11 +1,13 @@ {{ if eq .Site.Language.Lang "zh" }} <!-- Latest Cards --> -<section id="latest-cards"> - <div class="latest-cards-container"> +<section class="my-[1rem]"> + <div class="p-[5px] flex w-full overflow-x-auto gap-[1rem] items-stretch"> {{- $cards := .Site.GetPage "section" "cards" }} <!-- 获取 "cards" 部分的内容 --> {{- $paginator := .Paginate $cards.Pages 4 }} <!-- 对该部分内容进行分页 --> {{- range $paginator.Pages }} - {{ partial "items/card" (dict "context" . "summary" true) }} + <div class="flex-shrink-0 w-[50%]"> + {{ partial "items/card" (dict "context" . "summary" true) }} + </div> {{- end }} </div> <div style="margin: 1rem 0"> diff --git a/layouts/_partials/items/card.html b/layouts/_partials/items/card.html index b8a3c7c1..b66bf676 100644 --- a/layouts/_partials/items/card.html +++ b/layouts/_partials/items/card.html @@ -1,18 +1,18 @@ {{ $ctx := .context }} {{ $showSummary := .summary }} -<div class="card markdown-body post-content" +<div class="relative p-[1.5rem] bg-white dark:bg-neutral-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-700" style="view-transition-name: card-{{ $ctx.File.UniqueID }}"> <div class="card-header"> - <h3 class="card-title" + <h3 class="text-xl font-extrabold m-0 text-gray-900 dark:text-gray-100" data-pagefind-meta="title" data-pagefind-sort="date[data-date], weight[data-weight]" data-date="{{ .Date.Format "2006-01-02" }}" data-weight="5"> - <a href="{{ $ctx.RelPermalink }}">{{ $ctx.Title }}</a> + <a href="{{ $ctx.RelPermalink }}" class="no-underline! text-[var(--text-color)]!">{{ $ctx.Title }}</a> </h3> - <div class="card-tags">{{ partial "components/tags" $ctx }}</div> + <div class="text-base m-0">{{ partial "components/tags" $ctx }}</div> </div> - <div class="card-content"> + <div class="text-lg mt-2 markdown-body"> {{ if $showSummary }}{{ $ctx.Summary }}{{ else }}{{ $ctx.Content }}{{ end }} </div> </div> |