fix: change icons

src/components/BaseButton.vue

@@ -37,10 +37,6 @@ defineEmits(['click'])
           width="18"
           :color="type === 'info'?'#000000':'#ffffff'"
       />
-      <div class="key-notice" v-if="keyboard">
-        <IconBiKeyboard width="14" color="#ffffff"/>
-        <span class="key">{{ keyboard }}</span>
-      </div>
     </div>
   </Tooltip>
 </template>
@@ -128,18 +124,4 @@ defineEmits(['click'])
     opacity: .4;
   }
 }
-
-.key-notice {
-  margin-left: .6rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: .8rem;
-  color: white;
-  //gap: 2rem;
-
-  .key {
-    transform: scale(0.8);
-  }
-}
 </style>

src/components/icon/Close.vue

@@ -12,7 +12,7 @@ defineProps<{
        @click="$emit('click')"
   >
     <Tooltip :title="title">
-      <IconCarbonCloseOutline/>
+      <IconFluentDismissCircle16Regular/>
     </Tooltip>
   </div>
 </template>

src/components/icon/DeleteIcon.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts"></script>
 
 <template>
-  <IconSolarTrashBinMinimalisticLinear/>
+  <IconFluentDelete20Regular/>
 </template>

src/components/icon/VolumeIcon.vue

@@ -43,7 +43,6 @@ function click() {
   play()
 }
 
-let iconList = ['bx:volume', 'bx:volume-low', 'bx:volume-full']
 defineExpose({play})
 
 </script>