fix(dashboard): resolve header layout issues and restore sidebar toggle

- Replace constrained v-container with full-width div in app bar
- Add 'app' prop to v-app-bar to fix layout flow
- Restore missing sidebar toggle buttons for desktop/mobile
- Clean up unused dev dependencies in package.json
This commit is contained in:
LIghtJUNction
2026-03-15 16:28:26 +08:00
parent 0c74bd1aeb
commit c3afc3d72b
3 changed files with 292 additions and 370 deletions
+2 -6
View File
@@ -50,23 +50,19 @@
"@mdi/font": "7.2.96",
"@rushstack/eslint-patch": "1.3.3",
"@types/chance": "1.1.3",
"@types/dompurify": "^3.0.5",
"@types/markdown-it": "^14.1.2",
"@types/node": "^20.5.7",
"@vitejs/plugin-vue": "5.2.4",
"@vue/eslint-config-prettier": "8.0.0",
"@vue/eslint-config-typescript": "11.0.3",
"@vue/tsconfig": "^0.4.0",
"eslint": "8.48.0",
"eslint": "8.57.1",
"eslint-plugin-vue": "9.17.0",
"prettier": "3.0.2",
"sass": "1.66.1",
"sass-loader": "13.3.2",
"typescript": "5.1.6",
"vite": "6.4.1",
"vue-cli-plugin-vuetify": "2.5.8",
"vue-tsc": "1.8.8",
"vuetify-loader": "^2.0.0-alpha.9"
"vue-tsc": "1.8.27"
},
"overrides": {
"immutable": "4.3.8",
+264 -361
View File
File diff suppressed because it is too large Load Diff
@@ -505,8 +505,8 @@ watch(
</script>
<template>
<v-app-bar elevation="0" :priority="0" height="70" class="px-0">
<v-container class="fill-height d-flex align-center">
<v-app-bar elevation="0" :priority="0" height="70" class="px-0" app>
<div class="fill-height d-flex align-center w-100 px-4">
<!-- 桌面端标题栏拖拽区域 -->
<div
v-if="isDesktopReleaseMode"
@@ -522,6 +522,29 @@ watch(
></div>
<div class="d-flex align-center">
<!-- 桌面端 menu 按钮 - 仅在 bot 模式下显示 -->
<v-btn
v-if="customizer.viewMode === 'bot'"
class="hidden-md-and-down mr-3"
icon
rounded="sm"
variant="flat"
@click.stop="customizer.SET_MINI_SIDEBAR(!customizer.mini_sidebar)"
>
<v-icon>mdi-menu</v-icon>
</v-btn>
<!-- 移动端 menu 按钮 - 仅在 bot 模式下显示 -->
<v-btn
v-if="customizer.viewMode === 'bot'"
class="hidden-lg-and-up mr-3"
icon
rounded="sm"
variant="flat"
@click.stop="customizer.SET_SIDEBAR_DRAWER"
>
<v-icon>mdi-menu</v-icon>
</v-btn>
<Logo />
</div>
@@ -731,7 +754,7 @@ watch(
}}</v-list-item-title>
</v-list-item>
</StyledMenu>
</v-container>
</div>
</v-app-bar>
<!-- 更新对话框 -->