refactor(styles): 样式调整

soybeanjs · Nov 29, 2021 · f29106e · f29106e · vercel · Nov 29, 2021
1 parent 21c2f5a
commit f29106e
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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,