fix(web-admin): 对齐门户顶栏 brand 与侧栏右边框,并修复侧栏竖线被遮挡

将侧栏右边框改画在 #app-sidebar 上,内部菜单改为宽度 100%,避免等宽子项盖住边框;顶栏 brand 宽度与侧栏展开宽度对齐。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zlwuandCursor committed 2026-07-25 18:15:53 +08:00
1 parent 9b8131fa40
commit c756fbddfc
5 files changed
+32 -15

No files matched your search

+2 -2
View File
@@ -1,11 +1,11 @@
<!-- 布局容器 -->
<template>
<div v-if="isPortalLayout" class="app-layout app-layout-portal">
<div v-if="isPortalLayout" class="app-layout app-layout-portal" :style="appLayoutStyle">
<div id="app-portal-header">
<ArtPortalHeader />
</div>
<div id="app-portal-body" :style="appLayoutStyle">
<div id="app-portal-body">
<aside id="app-sidebar">
<ArtSidebarMenu />
</aside>
@@ -23,6 +23,7 @@
#app-sidebar {
flex-shrink: 0;
height: 100%;
/* 边框画在 aside 上:内部 .menu-left 与侧栏同宽时会盖住 .layout-sidebar 的 border */
border-right: 1px solid var(--mint-border, #d9e8e2);
background: var(--mint-surface, #fff);
box-sizing: border-box;