refactor: icon优化

Former-commit-id: efc04bf33433c06d7dea1f84c41ef83b06ff16f1
2023-01-15 12:55:13 +08:00
parent 3c38628218
commit af4fd8cb6a
12 changed files with 34 additions and 34 deletions
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -1,15 +1,14 @@
 <template>
-  <div class="cursor-pointer w-[40px] h-[50px] leading-[50px] text-center">
+  <div
+    class="cursor-pointer h-[50px] leading-[50px] text-center text-[#5a5e66] px-2.5 hover:bg-gray-50"
+  >
    <svg-icon
-      :icon-name="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+      :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
      @click="toggle"
    />
  </div>
 </template>

 <script setup lang="ts">
-import { useFullscreen } from '@vueuse/core';
-import SvgIcon from '@/components/SvgIcon/index.vue';
-
 const { isFullscreen, toggle } = useFullscreen();
 </script>