My amazing website
fix: tag page build
+17
-19
+17
-19
src/pages/blog/tag/[...slug].astro
+17
-19
src/pages/blog/tag/[...slug].astro
···
38
38
<Title title={title} description={description} size="lg" />
39
39
40
40
<div class="grid grid-cols-1 gap-4 mb-16">
41
-
{ posts.map((post, index) => {
42
-
return (
43
-
<article class="ring-inset ring-1 ring-card bg-bg-lighter p-4 rounded-xl transition-all duration-200 ease-in-out hover:scale-105 lg:w-2xl md:w-xl">
44
-
<a href={`/blog/${post.id}/`}>
45
-
<Title title={post.data.title} description={post.data.description} size="xs" />
41
+
{ posts.map((post, index) => (
42
+
<article class="ring-inset ring-1 ring-card bg-bg-lighter p-4 rounded-xl transition-all duration-200 ease-in-out hover:scale-105 lg:w-2xl md:w-xl">
43
+
<a href={`/blog/${post.id}/`}>
44
+
<Title title={post.data.title} description={post.data.description} size="xs" />
46
45
47
-
<div class="flex flex-row gap-2">
48
-
{ post.data.tags.map((tag) => (
49
-
<span class="pill">#{ tag }</span>
50
-
)) }
51
-
</div>
46
+
<div class="flex flex-row gap-2">
47
+
{ post.data.tags.map((tag) => (
48
+
<span class="pill">#{ tag }</span>
49
+
)) }
50
+
</div>
52
51
53
-
<div class="text-xs text-fg-lighter flex flex-row gap-2 justify-end">
54
-
<p>{ post.data.readTime }</p>
55
-
-
56
-
<FormattedDate date={post.data.date} />
57
-
</div>
58
-
</a>
59
-
</article>
60
-
);
61
-
})) }
52
+
<div class="text-xs text-fg-lighter flex flex-row gap-2 justify-end">
53
+
<p>{ post.data.readTime }</p>
54
+
-
55
+
<FormattedDate date={post.data.date} />
56
+
</div>
57
+
</a>
58
+
</article>
59
+
)) }
62
60
</div>
63
61
</Default>