@@ -4,6 +4,8 @@ import type { CollectionKey, InferEntrySchema } from 'astro:content'
4
4
import config from ' virtual:config'
5
5
6
6
import avatar from ' @/assets/avatar.jpeg' // 根据实际路径调整
7
+
8
+ import human from ' @/assets/human.webp'
7
9
import signature from ' @/assets/signature.svg'
8
10
9
11
import { cn , getFormattedDate , showToast } from ' ../../utils'
@@ -50,12 +52,11 @@ const showToastStr = showToast.toString()
50
52
className
51
53
)}
52
54
>
53
- <Icon class =' absolute end-4 top-4 size-20 opacity-10' name =' copyright' />
54
55
<Image
55
- src ={ signature }
56
- alt =" `catcodeme`: generate by signature.cnrad.dev, animation by Claude AI "
57
- class =" absolute bottom-0 right-0 w-24 h-auto opacity-50 md:w-48 "
58
- loading =" lazy"
56
+ src ={ human }
57
+ alt =' this svg find at here: https://www.introvertdrawingclub.com/p/human-intelligence-badge '
58
+ class =' absolute end-4 top-4 size-20 bottom-0 right-3 w-15 h-auto md:w-24 '
59
+ loading =' lazy'
59
60
/>
60
61
61
62
{ /* title & link */ }
@@ -65,7 +66,9 @@ const showToastStr = showToast.toString()
65
66
</div >
66
67
67
68
{ /* common info */ }
68
- <div class =' flex flex-col gap-y-2 sm:flex-row sm:flex-wrap sm:justify-start sm:gap-x-8 sm:gap-y-1' >
69
+ <div
70
+ class =' flex flex-col gap-y-2 sm:flex-row sm:flex-wrap sm:justify-start sm:gap-x-8 sm:gap-y-1'
71
+ >
69
72
{ /* 小屏幕布局:垂直排列 */ }
70
73
<div class =' flex flex-col gap-y-2 sm:hidden' >
71
74
{ /* 图片 + Author 名称在一行 */ }
@@ -81,20 +84,22 @@ const showToastStr = showToast.toString()
81
84
<span >Author</span >
82
85
<span class =' text-sm text-foreground' >{ config .author } </span >
83
86
</div >
84
-
87
+
85
88
{ /* Published at 另起一行 */ }
86
- { publishDate && (
87
- <div class = ' flex items-center gap-x-2' >
88
- <span >Published at</span >
89
- <span class = ' text-sm text-foreground' >
90
- { getFormattedDate (publishDate , {
91
- month: ' long'
92
- })}
93
- </span >
94
- </div >
95
- )}
89
+ {
90
+ publishDate && (
91
+ <div class = ' flex items-center gap-x-2' >
92
+ <span >Published at</span >
93
+ <span class = ' text-sm text-foreground' >
94
+ { getFormattedDate (publishDate , {
95
+ month: ' long'
96
+ })}
97
+ </span >
98
+ </div >
99
+ )
100
+ }
96
101
</div >
97
-
102
+
98
103
{ /* 大屏幕布局:保持原有的图片切换效果 */ }
99
104
<div class =' hidden sm:flex sm:items-center sm:gap-x-2 sm:flex-col' >
100
105
<div class =' relative group h-12 sm:min-w-16' >
0 commit comments