Skip to content

Commit 3c0a342

Browse files
committed
feat(tags): increase tags saturation on hover
1 parent 95781a2 commit 3c0a342

File tree

1 file changed

+9
-1
lines changed

1 file changed

+9
-1
lines changed

src/components/common/list/ListItemPanel.vue

+9-1
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ const onTagClick = (e: MouseEvent, url?: string) => {
137137
:bordered="tag.bordered ?? false"
138138
v-bind="tag"
139139
>
140-
{{ tag.label }}
140+
<span class="label">{{ tag.label }}</span>
141141
</NTag>
142142
</a>
143143
</template>
@@ -232,12 +232,20 @@ const onTagClick = (e: MouseEvent, url?: string) => {
232232
.link {
233233
cursor: pointer;
234234
235+
.label {
236+
transition: filter 0.3s var(--n-bezier);
237+
}
238+
235239
&:hover {
236240
background-color: color-mix(
237241
in srgb,
238242
var(--n-close-icon-color-hover),
239243
transparent 90%
240244
);
245+
246+
.label {
247+
filter: saturate(1.5);
248+
}
241249
}
242250
}
243251
}

0 commit comments

Comments
 (0)