fix(web-admin): 对齐门户顶栏 brand 与侧栏右边框,并修复侧栏竖线被遮挡
将侧栏右边框改画在 #app-sidebar 上,内部菜单改为宽度 100%,避免等宽子项盖住边框;顶栏 brand 宽度与侧栏展开宽度对齐。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
9b8131fa40
commit
c756fbddfc
5 files changed
+32
-15
No files matched your search
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user