style: 样式调整

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

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
@@ -9,10 +9,6 @@
   --scrollbar-hover: rgba(255, 255, 255, .25);
 }
 
-.el-button+.el-button{
-  margin-left: 2px !important;
-}
-
 /* 修改滚动条样式 */
 *::-webkit-scrollbar {
   width: 5px;

diff --git a/src/components/Footer/index.vue b/src/components/Footer/index.vue
@@ -2,17 +2,13 @@
  * @Author: 白雾茫茫丶<baiwumm.com>
  * @Date: 2024-05-30 13:52:19
  * @LastEditors: 白雾茫茫丶<baiwumm.com>
- * @LastEditTime: 2024-05-31 08:41:09
+ * @LastEditTime: 2024-06-07 10:44:24
  * @Description: 底部布局
 -->
 <template>
   <el-footer>
     <el-divider style="margin: 12px 0">
-      <NuxtImg
-        src="/logo.svg"
-        alt="logo"
-        class="w-5"
-      />
+      <NuxtImg src="/logo.svg" alt="logo" class="w-5" />
     </el-divider>
     <div class="flex justify-between items-center max-sm:flex-col">
       <div class="flex items-center gap-0.5 max-sm:flex-col">
@@ -26,11 +22,7 @@
           size="small"
         >
           <div class="flex items-center gap-2">
-            <NuxtImg
-              :src="`/${icon}`"
-              :alt="tip"
-              class="w-4"
-            />
+            <NuxtImg :src="`/${icon}`" :alt="tip" class="w-4" />
             {{ tip }}
           </div>
         </el-button>
@@ -52,3 +44,8 @@
 <script setup lang="ts">
 import { FooterSocial, FooterRecord } from '@/const'
 </script>
+<style scoped>
+:deep(.el-button + .el-button) {
+  margin-left: 2px;
+}
+</style>
diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
@@ -2,7 +2,7 @@
  * @Author: 白雾茫茫丶<baiwumm.com>
  * @Date: 2024-04-10 16:25:21
  * @LastEditors: 白雾茫茫丶<baiwumm.com>
- * @LastEditTime: 2024-06-07 08:53:30
+ * @LastEditTime: 2024-06-07 10:38:05
  * @Description: 顶部布局
 -->
 <template>
@@ -32,3 +32,8 @@
     </div>
   </el-header>
 </template>
+<style scoped>
+:deep(.el-button + .el-button) {
+  margin-left: 2px;
+}
+</style>