finxol.io
Personal blog
finxol.io
blog
fix(ui): better align tags
+9
-7
+9
-7
app/components/PostPreview.vue
+9
-7
app/components/PostPreview.vue
···
17
17
'px-8 py-6',
18
18
'flex flex-col justify-between',
19
19
]">
20
-
<h1 class="text-2xl font-bold text-neutral-900 dark:text-neutral-300">
21
-
{{ post.title }}
22
-
</h1>
23
-
<div class="mt-2 flex items-center gap-2">
24
-
<span v-for="tag in post.tags" :key="tag" class="px-2 py-0.5 text-xs bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">
25
-
{{ tag }}
26
-
</span>
20
+
<div>
21
+
<h1 class="text-2xl font-bold text-neutral-900 dark:text-neutral-300">
22
+
{{ post.title }}
23
+
</h1>
24
+
<div class="mt-2 flex items-center gap-2">
25
+
<span v-for="tag in post.tags" :key="tag" class="px-2 py-0.5 text-xs bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">
26
+
{{ tag }}
27
+
</span>
28
+
</div>
27
29
</div>
28
30
<p :class="[
29
31
'text-neutral-500 dark:text-zinc-400',