style: 样式调整

baiwumm · Jun 7, 2024 · e9ec05e · e9ec05e
1 parent d486823
commit e9ec05e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 10 deletions.
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
@@ -10,7 +10,7 @@
 }
 
 .el-button+.el-button{
-  margin-left: 6px !important;
+  margin-left: 2px !important;
 }
 
 /* 修改滚动条样式 */

diff --git a/src/components/ColorModeSvg/index.vue b/src/components/ColorModeSvg/index.vue
@@ -2,35 +2,33 @@
  * @Author: 白雾茫茫丶<baiwumm.com>
  * @Date: 2024-05-30 13:47:24
  * @LastEditors: 白雾茫茫丶<baiwumm.com>
- * @LastEditTime: 2024-05-30 13:47:58
+ * @LastEditTime: 2024-05-31 14:50:51
  * @Description: SVG图标主题
 -->
 <script setup lang="ts">
 const colorMode = useColorMode()
 
-defineProps<{
+type Props = {
   name: string // svg 路径
   lightFill?: string // 亮色模式填充
   darkFill?: string // 暗色模式填充
   className?: string // 图片样式
-}>()
+}
+
+defineProps<Props>()
 
 // 判断是否暗色模式
 const isDark = colorMode.preference === 'dark'
 </script>
 
 <template>
-  <nuxt-icon
-    :name="name"
-    :fill="isDark ? darkFill : lightFill"
-    :class="className"
-  />
+  <nuxt-icon :name="name" :fill="isDark ? darkFill : lightFill" :class="className" />
 </template>
 
 <style>
 .nuxt-icon svg {
+  margin-bottom: 0 !important;
   width: auto !important;
   height: auto !important;
-  margin-bottom: 0 !important;
 }
 </style>
diff --git a/src/public/logo.png b/src/public/logo.png