From f29106e4801d52b9f116ab138e21ef23ec73a5f1 Mon Sep 17 00:00:00 2001
From: Soybean <2570172956@qq.com>
Date: Mon, 29 Nov 2021 10:57:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(styles):=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicLayout/components/HorizontalLayout/index.vue       | 6 +-----
 src/layouts/common/GlobalHeader/components/FullScreen.vue   | 4 ++--
 src/layouts/common/GlobalHeader/components/ThemeMode.vue    | 4 ++--
 .../common/GlobalTab/components/ReloadButton/index.vue      | 2 +-
 src/layouts/common/GlobalTab/index.vue                      | 2 +-
 vite.config.ts                                              | 3 ++-
 6 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/layouts/BasicLayout/components/HorizontalLayout/index.vue b/src/layouts/BasicLayout/components/HorizontalLayout/index.vue
index 5b0ce8ca4..643738e37 100644
--- a/src/layouts/BasicLayout/components/HorizontalLayout/index.vue
+++ b/src/layouts/BasicLayout/components/HorizontalLayout/index.vue
@@ -19,8 +19,4 @@ import { GlobalHeader, GlobalContent, GlobalFooter, GlobalTab, SpacePlaceholder
 const theme = useThemeStore();
 const { headerInverted, headerPosition, scrollbarContentStyle, scrollbar } = useLayoutConfig();
 </script>
-<style scoped>
-.global-sider {
-  box-shadow: var(--global-sider-shadow);
-}
-</style>
+<style scoped></style>
diff --git a/src/layouts/common/GlobalHeader/components/FullScreen.vue b/src/layouts/common/GlobalHeader/components/FullScreen.vue
index 18b854106..2618412cd 100644
--- a/src/layouts/common/GlobalHeader/components/FullScreen.vue
+++ b/src/layouts/common/GlobalHeader/components/FullScreen.vue
@@ -1,7 +1,7 @@
 <template>
   <hover-container class="w-40px h-full" tooltip-content="全屏" @click="toggle">
-    <icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-16px" />
-    <icon-gridicons-fullscreen v-else class="text-16px" />
+    <icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-18px" />
+    <icon-gridicons-fullscreen v-else class="text-18px" />
   </hover-container>
 </template>
 
diff --git a/src/layouts/common/GlobalHeader/components/ThemeMode.vue b/src/layouts/common/GlobalHeader/components/ThemeMode.vue
index ea6b1ff1e..afbfc97ed 100644
--- a/src/layouts/common/GlobalHeader/components/ThemeMode.vue
+++ b/src/layouts/common/GlobalHeader/components/ThemeMode.vue
@@ -1,7 +1,7 @@
 <template>
   <hover-container class="w-40px" content-class="hover:text-primary" tooltip-content="主题模式" @click="toggleDarkMode">
-    <icon-mdi-moon-waning-crescent v-if="theme.darkMode" class="text-14px" />
-    <icon-mdi-white-balance-sunny v-else class="text-14px" />
+    <icon-mdi-moon-waning-crescent v-if="theme.darkMode" class="text-18px" />
+    <icon-mdi-white-balance-sunny v-else class="text-18px" />
   </hover-container>
 </template>
 
diff --git a/src/layouts/common/GlobalTab/components/ReloadButton/index.vue b/src/layouts/common/GlobalTab/components/ReloadButton/index.vue
index d7d0894d2..1e3151b8c 100644
--- a/src/layouts/common/GlobalTab/components/ReloadButton/index.vue
+++ b/src/layouts/common/GlobalTab/components/ReloadButton/index.vue
@@ -1,6 +1,6 @@
 <template>
   <hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh">
-    <icon-mdi-refresh class="text-16px" :class="{ 'reload-animation': loading }" />
+    <icon-mdi-refresh class="text-18px" :class="{ 'reload-animation': loading }" />
   </hover-container>
 </template>
 
diff --git a/src/layouts/common/GlobalTab/index.vue b/src/layouts/common/GlobalTab/index.vue
index 64c6a25d5..f8b8e4224 100644
--- a/src/layouts/common/GlobalTab/index.vue
+++ b/src/layouts/common/GlobalTab/index.vue
@@ -54,6 +54,6 @@ init();
 </script>
 <style scoped>
 .multi-tab {
-  box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
+  box-shadow: 0 1px 2px rgb(0 21 41 / 8%);
 }
 </style>
diff --git a/vite.config.ts b/vite.config.ts
index d23796b1f..9ac32d577 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -22,7 +22,8 @@ export default defineConfig(({ mode }) => {
     },
     plugins,
     server: {
-      host: '0.0.0.0'
+      host: '0.0.0.0',
+      port: 3100
     },
     build: {
       brotliSize: false,