xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-11-04 15:53:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(styles): 样式调整

Browse Source
This commit is contained in:
Soybean
2021-11-29 10:57:29 +08:00
parent 21c2f5a857
commit f29106e480
6 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/BasicLayout/components/HorizontalLayout/index.vue
View File

@@ -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>

4
src/layouts/common/GlobalHeader/components/FullScreen.vue
View File

@@ -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>

4
src/layouts/common/GlobalHeader/components/ThemeMode.vue
View File

@@ -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>

2
src/layouts/common/GlobalTab/components/ReloadButton/index.vue
View File

@@ -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>

2
src/layouts/common/GlobalTab/index.vue
View File

@@ -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>

3
vite.config.ts
View File

@@ -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,