finxol.io
Personal blog
finxol.io
blog
fix(ui): adjust tag filter badge
+2
-1
+2
-1
app/pages/index.vue
+2
-1
app/pages/index.vue
···
68
68
v-for="tag in tags"
69
69
:key="tag"
70
70
:class="[
71
-
'flex px-2 py-1 mr-2 mb-2 w-max flex-row items-center gap-2',
71
+
'flex px-3 py-1 mr-2 mb-2 w-max flex-row items-center gap-1',
72
72
`${tag === filter ? 'bg-stone-500 dark:bg-stone-500 text-stone-100 dark:text-stone-100' : 'bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400'}`,
73
73
'rounded-full text-sm font-medium lowercase text-nowrap'
74
74
]"
···
79
79
name="ri:close-line"
80
80
size="1rem"
81
81
mode="svg"
82
+
class="-ms-1"
82
83
/>
83
84
{{ tag }}
84
85
</button>