style: add bold icons for desktop mode, fix text-align for github card description

This commit is contained in:
radishzzz 2025-05-12 19:34:20 +01:00
parent 9c1d2241d4
commit 4c83ae5b76
13 changed files with 140 additions and 119 deletions

View file

@ -1,5 +1,6 @@
---
import type { CollectionEntry } from 'astro:content'
import PinIconBold from '@/assets/icons/pin-icon-bold.svg'
import PinIcon from '@/assets/icons/pin-icon.svg'
import PostDate from '@/components/PostDate.astro'
import { defaultLocale } from '@/config'
@ -50,11 +51,18 @@ function getPostPath(post: Post) {
{/* pinned icon */}
{pinned && (
<PinIcon
aria-hidden="true"
class="ml-1 inline-block aspect-square w-3.7 shrink-0 translate-y--0.45 lg:(ml-1.2 w-4.1)"
fill="currentColor"
/>
<>
<PinIcon
aria-hidden="true"
class="ml-0.25em inline-block aspect-square w-3.7 translate-y--0.45 lg:hidden"
fill="currentColor"
/>
<PinIconBold
aria-hidden="true"
class="hidden lg:(ml-0.25em inline-block aspect-square w-4.1 translate-y--0.45)"
fill="currentColor"
/>
</>
)}
</h3>