From ef563717a34ceabce443f4ae85138f890438393e Mon Sep 17 00:00:00 2001
From: layyback <505187749@qq.com>
Date: Fri, 15 Apr 2022 11:15:26 +0800
Subject: [PATCH] :sparkles: add remove hotkey button

---
 feature/src/views/settings/index.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/feature/src/views/settings/index.vue b/feature/src/views/settings/index.vue
index 15452ed..da50b5c 100644
--- a/feature/src/views/settings/index.vue
+++ b/feature/src/views/settings/index.vue
@@ -102,14 +102,11 @@
                 <div
                   class="value"
                   tabIndex="2"
-                  @mouseover="item.showDelete = true"
-                  @mouseout="item.showDelete = false"
                   @keyup="e => changeGlobalKey(e, index)"
                 >
                   {{ item.key }}
                   <MinusCircleOutlined
                     @click.stop="deleteGlobalKey(e, index)"
-                    v-show="item.showDelete"
                   />
                 </div>
               </a-tooltip>
@@ -122,6 +119,7 @@
               :value="item.value"
               v-for="(item, index) in global"
               class="value"
+              allowClear
               :disabled="!item.key"
               @change="e => changeGlobalValue(index, e.target.value)"
             />
@@ -335,8 +333,14 @@ const { shortCut, common, local, global } = toRefs(state);
       font-weight: lighter;
       margin-top: 10px;
       position: relative;
+      &:hover {
+        .anticon {
+          display: block;
+        }
+      }
       .anticon {
         position: absolute;
+        display: none;
         right: 4px;
         top: 50%;
         transform: translateY(-50%);