diff --git a/src/dashboard-front/src/views/resource/setting/comps/edit-import-resource-side-slider.vue b/src/dashboard-front/src/views/resource/setting/comps/edit-import-resource-side-slider.vue index e54e8659a..4219d4bc3 100644 --- a/src/dashboard-front/src/views/resource/setting/comps/edit-import-resource-side-slider.vue +++ b/src/dashboard-front/src/views/resource/setting/comps/edit-import-resource-side-slider.vue @@ -146,7 +146,7 @@ watch(() => props.isSliderShow, (val) => { padding: 24px 24px 0 24px; :deep(.collapse-cls) { - margin-bottom: 52px; + margin-bottom: 24px; .bk-collapse-item { background: #fff; diff --git a/src/dashboard-front/src/views/resource/setting/import.vue b/src/dashboard-front/src/views/resource/setting/import.vue index 104387468..1b4cfd780 100644 --- a/src/dashboard-front/src/views/resource/setting/import.vue +++ b/src/dashboard-front/src/views/resource/setting/import.vue @@ -801,7 +801,6 @@ v-if="curView === 'resources'" > { activeCodeMsgType.value = (type === activeCodeMsgType.value) ? 'All' : type; activeVisibleErrorMsgIndex.value = -1; updateEditorDecorations(); - // 如果有错误消息,点击后可以展开错误消息栏 - if (isEditorMsgCollapsed && visibleErrorReasons.value.length > 0) { + // 如果有错误消息,点击后可以展开/收起错误消息栏 + if (visibleErrorReasons.value.length > 0) { nextTick(() => { - resizeLayoutRef?.value?.setCollapse(false); + if (isEditorMsgCollapsed) { + resizeLayoutRef.value?.setCollapse(false); + } else { + resizeLayoutRef.value?.setCollapse(true); + } }); } }; @@ -1893,6 +1896,12 @@ const handleReturnClick = () => { bottom: 0; padding-left: 48px; border-top: 1px solid #DCDEE5; + + .page-actions { + display: flex; + align-items: center; + gap: 8px; + } } } @@ -2109,8 +2118,11 @@ const handleReturnClick = () => { :deep(.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse) { margin-bottom: 9px; margin-left: -16px; - background: #1a1a1a; - box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.1); + background: #313238; + + &:hover { + background-color: #63656E; + } } &.hide-collapse-btn { @@ -2177,7 +2189,7 @@ const handleReturnClick = () => { .res-counter-banner { height: 40px; padding: 0 24px 0 12px; - margin-bottom: 8px; + margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center;