xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

调整设置面板布局
Some checks are pending
Security Checks / security (push) Waiting to run
Details

Browse Source
This commit is contained in:
smail 2026-09-02 21:05:31 +08:00
parent eb7273d415
commit a8100db3e9
2 changed files with 34 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
fe/src/views/components/HomeHeader/HomeHeader.css
View File

@ -69,6 +69,24 @@
height: 100%;
}
.settings-drawer :deep(.el-drawer__body) {
display: flex;
min-height: 0;
padding: 0 20px 20px;
overflow: hidden;
}
.settings-tabs :deep(.el-tabs__header) {
flex: 0 0 176px;
margin: 0 0 0 20px;
}
.settings-tabs :deep(.el-tabs__content) {
flex: 1;
min-width: 0;
overflow: auto;
}
@media (max-width: 768px) {
.header-container {
display: flex;
@ -87,4 +105,18 @@
.mobile-logo {
display: block;
}
.settings-drawer :deep(.el-drawer__body) {
padding: 0 10px 10px;
overflow: auto;
}
.settings-tabs :deep(.el-tabs__header) {
flex: none;
margin: 0;
}
.settings-tabs :deep(.el-tabs__content) {
overflow: visible;
}
}

4
fe/src/views/components/HomeHeader/HomeHeader.vue
View File

@ -18,8 +18,8 @@
</div>
<!-- Settings Drawer -->
<el-drawer v-model="globalStatus.settingsDrawerVisible" :size="isMobile ? '100%' : '600px'" :title="lang.settings" class="settings-drawer" :with-header="true" direction="rtl">
<el-tabs :tab-position="isMobile ? 'top' : 'left'" class="settings-tabs">
<el-drawer v-model="globalStatus.settingsDrawerVisible" :size="isMobile ? '100%' : '50vw'" :title="lang.settings" class="settings-drawer" :with-header="true" direction="rtl">
<el-tabs :tab-position="isMobile ? 'top' : 'right'" class="settings-tabs">
<el-tab-pane :label="lang.security">
<SecuritySettings/>
</el-tab-pane>