diff --git a/.changeset/smart-spoons-relate.md b/.changeset/smart-spoons-relate.md new file mode 100644 index 00000000..d4b047c7 --- /dev/null +++ b/.changeset/smart-spoons-relate.md @@ -0,0 +1,5 @@ +--- +"unify-ui": patch +--- + +modify the cursor style of the select component diff --git a/src/components/data-entry/Select/SelectTrigger.vue b/src/components/data-entry/Select/SelectTrigger.vue index 15883e6a..4b2cad1e 100644 --- a/src/components/data-entry/Select/SelectTrigger.vue +++ b/src/components/data-entry/Select/SelectTrigger.vue @@ -92,7 +92,6 @@ const hiddenInput = computed(() => { border: 1px solid rgb(229, 231, 235); background: rgb(255, 255, 255); border-radius: form.$radius; - cursor: pointer; } .trigger--focus:focus-within { diff --git a/src/components/data-entry/Select/SelectTriggerIcons.vue b/src/components/data-entry/Select/SelectTriggerIcons.vue index 378583cd..ae2c8fc7 100644 --- a/src/components/data-entry/Select/SelectTriggerIcons.vue +++ b/src/components/data-entry/Select/SelectTriggerIcons.vue @@ -81,6 +81,7 @@ const { actions, state } = useStore(); .icon-arrow { width: 12px; height: 12px; + cursor: pointer; &.select__icon-arrow--up { transform: rotate(90deg); @@ -92,6 +93,7 @@ const { actions, state } = useStore(); .icon-close { display: none; + cursor: pointer; } .icon--normal { color: form.$icon-color;