refactor: modify the cursor style of the select component

luohuidong · Nov 7, 2023 · 26f4f0a · 26f4f0a
1 parent dc25307
commit 26f4f0a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/smart-spoons-relate.md 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
@@ -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
@@ -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;