GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests 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
Show Stats 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 theme = useThemeStore();
const { headerInverted, headerPosition, scrollbarContentStyle, scrollbar } = useLayoutConfig(); const { headerInverted, headerPosition, scrollbarContentStyle, scrollbar } = useLayoutConfig();
</script> </script>
<style scoped> <style scoped></style>
.global-sider {
box-shadow: var(--global-sider-shadow);
}
</style>

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

@ -1,7 +1,7 @@
<template> <template>
<hover-container class="w-40px h-full" tooltip-content="全屏" @click="toggle"> <hover-container class="w-40px h-full" tooltip-content="全屏" @click="toggle">
<icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-16px" /> <icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-18px" />
<icon-gridicons-fullscreen v-else class="text-16px" /> <icon-gridicons-fullscreen v-else class="text-18px" />
</hover-container> </hover-container>
</template> </template>

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

@ -1,7 +1,7 @@
<template> <template>
<hover-container class="w-40px" content-class="hover:text-primary" tooltip-content="主题模式" @click="toggleDarkMode"> <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-moon-waning-crescent v-if="theme.darkMode" class="text-18px" />
<icon-mdi-white-balance-sunny v-else class="text-14px" /> <icon-mdi-white-balance-sunny v-else class="text-18px" />
</hover-container> </hover-container>
</template> </template>

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

@ -1,6 +1,6 @@
<template> <template>
<hover-container class="w-64px h-full" tooltip-content="重新加载" placement="bottom-end" @click="handleRefresh"> <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> </hover-container>
</template> </template>

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

@ -54,6 +54,6 @@ init();
</script> </script>
<style scoped> <style scoped>
.multi-tab { .multi-tab {
box-shadow: 0 1px 4px rgb(0 21 41 / 8%); box-shadow: 0 1px 2px rgb(0 21 41 / 8%);
} }
</style> </style>

3
vite.config.ts
View File

@ -22,7 +22,8 @@ export default defineConfig(({ mode }) => {
}, },
plugins, plugins,
server: { server: {
host: '0.0.0.0' host: '0.0.0.0',
port: 3100
}, },
build: { build: {
brotliSize: false, brotliSize: false,