File tree Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Original file line number Diff line number Diff line change @@ -130,7 +130,7 @@ export default function StaticMarkdownPage({
130
130
src = { recentBlog [ 0 ] . frontmatter . cover }
131
131
width = { 800 }
132
132
height = { 450 }
133
- className = 'object-cover w-full h-full opacity-70'
133
+ className = 'object-cover w-full h-full opacity-70 blur-[5px] '
134
134
alt = 'hero image example'
135
135
/>
136
136
</ div >
@@ -142,7 +142,7 @@ export default function StaticMarkdownPage({
142
142
< h1 className = 'text-h1mobile ab1:text-h1 sm:text-h2 font-semibold text-stroke-1 mr-6 dark:slate-300' >
143
143
{ recentBlog [ 0 ] . frontmatter . title }
144
144
</ h1 >
145
- < div className = 'flex ml-2 mb-2 ' >
145
+ < div className = 'flex ml-2 mb-2 gap-2 ' >
146
146
< div
147
147
className = 'bg-slate-50 h-10 w-10 lg:h-[44px] lg:w-[44px] rounded-full -ml-3 bg-cover bg-center border-2 border-white'
148
148
style = { {
@@ -246,7 +246,10 @@ export default function StaticMarkdownPage({
246
246
return (
247
247
< section key = { blogPost . slug } >
248
248
< div className = 'h-[520px] flex border rounded-lg shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden dark:border-slate-500 group relative' >
249
- < div className = 'inline-flex flex-col flex-1 w-full' >
249
+ < Link
250
+ href = { `/blog/posts/${ blogPost . slug } ` }
251
+ className = 'inline-flex flex-col flex-1 w-full'
252
+ >
250
253
< div className = 'relative w-full h-[240px] overflow-hidden' >
251
254
< Image
252
255
src = { frontmatter . cover }
@@ -355,7 +358,7 @@ export default function StaticMarkdownPage({
355
358
</ Link >
356
359
</ div >
357
360
</ div >
358
- </ div >
361
+ </ Link >
359
362
</ div >
360
363
</ section >
361
364
) ;
You can’t perform that action at this time.
0 commit comments