diff --git a/core/core-frontend/src/layout/components/CollapseBar.vue b/core/core-frontend/src/layout/components/CollapseBar.vue index f0dae5ed95..83f03b7075 100644 --- a/core/core-frontend/src/layout/components/CollapseBar.vue +++ b/core/core-frontend/src/layout/components/CollapseBar.vue @@ -1,6 +1,7 @@ @@ -37,6 +39,17 @@ const setCollapse = () => { line-height: 22px; display: flex; align-items: center; + background: #fff; + + &::after { + content: ''; + width: 100%; + height: 1px; + background: #1f232926; + position: absolute; + top: 0; + left: 0; + } .ed-icon { font-size: 20px; diff --git a/core/core-frontend/src/layout/index.vue b/core/core-frontend/src/layout/index.vue index a1f09d5f60..60e0fd0924 100644 --- a/core/core-frontend/src/layout/index.vue +++ b/core/core-frontend/src/layout/index.vue @@ -82,17 +82,7 @@ const { t } = useI18n() .layout-container { .layout-sidebar { - height: calc(100vh - 56px); - position: relative; - &::after { - content: ''; - width: 100%; - height: 1px; - background: #1f232926; - position: absolute; - bottom: 48px; - left: 0; - } + height: calc(100vh - 106px); } .layout-sidebar-collapse {