Skip to content

Commit 61ced4d

Browse files
authored
feat(tag): improve close icon interaction (#3006)
1 parent 6cbb529 commit 61ced4d

File tree

2 files changed

+2
-1
lines changed

2 files changed

+2
-1
lines changed

packages/theme/src/tag/index.less

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,7 @@
150150
font-size: var(--tv-Tag-close-icon-size);
151151
fill: var(--tv-Tag-close-icon-color);
152152
margin-left: var(--tv-Tag-close-icon-margin-left);
153+
cursor: pointer;
153154

154155
&:hover {
155156
fill: var(--tv-Tag-close-icon-color-hover);

packages/vue/src/tag/src/pc.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ export default defineComponent({
8080
value || (slots.default && slots.default()) ? (
8181
<span data-tag="tiny-tag" class={classes} style={styles} onClick={handleClick}>
8282
{value ? <span>{value}</span> : slots.default && slots.default()}
83-
{closable && <icon-close class="tiny-svg-size tiny-tag__close " onClick={handleClose}></icon-close>}
83+
{closable && <icon-close class="tiny-svg-size tiny-tag__close" onClick={handleClose}></icon-close>}
8484
</span>
8585
) : (
8686
<span></span>

0 commit comments

Comments
 (0)