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:
@@ -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",
|
||||
|
||||
Generated
+264
-361
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>
|
||||
|
||||
<!-- 更新对话框 -->
|
||||
|
||||
Reference in New Issue
Block a user