acepanel/panel
2
0
Fork 0
mirror of https://github.com/acepanel/panel.git synced 2026-02-04 07:57:21 +08:00
Code Issues Packages Releases Activity

feat: 缩小面板侧边栏宽度

Browse Source
This commit is contained in:
耗子
2024-10-24 00:28:45 +08:00
parent 9db30ac11b
commit f18c39ff60
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/settings/theme.json
View File

@@ -2,7 +2,7 @@
"isMobile": false,
"darkMode": false,
"sider": {
"width": 220,
"width": 160,
"collapsedWidth": 64,
"collapsed": false
},

4
web/src/layout/sidebar/components/SideLogo.vue
View File

@@ -8,10 +8,10 @@ const themeStore = useThemeStore()
<template>
<router-link class="h-60 f-c-c" to="/">
<n-image :src="logo" height="42" preview-disabled />
<n-image :src="logo" height="32" preview-disabled />
<h2
v-show="!themeStore.sider.collapsed"
class="ml-20 max-w-140 flex-shrink-0 text-18 font-bold"
class="ml-10 max-w-140 flex-shrink-0 text-18 font-bold"
>
{{ title }}
</h2>

2
web/src/store/modules/theme/helpers.ts
View File

@@ -17,7 +17,7 @@ export function defaultSettings(): Theme.Setting {
const isMobile = themeSetting.isMobile || false
const darkMode = themeSetting.darkMode || false
const sider = themeSetting.sider || {
width: 220,
width: 160,
collapsedWidth: 64,
collapsed: false
}