diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue index 59655240de..bc343811f0 100644 --- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue +++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue @@ -133,7 +133,10 @@ const componentBackgroundStyle = computed(() => { innerPadding, borderRadius } = config.value.commonBackground - const style = { padding: innerPadding + 'px', borderRadius: borderRadius + 'px' } + const style = { + padding: innerPadding * deepScale.value + 'px', + borderRadius: borderRadius + 'px' + } let colorRGBA = '' if (backgroundColorSelect && backgroundColor) { colorRGBA = backgroundColor diff --git a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue index 6b55cce64d..7c6dba19d4 100644 --- a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue +++ b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue @@ -141,7 +141,7 @@ const restore = () => { cellWidth.value = canvasWidth / pcMatrixCount.value.x cellHeight.value = canvasHeight / pcMatrixCount.value.y scaleWidth.value = isMainCanvas(canvasId.value) - ? scaleWidth.value * 1.5 + ? scaleWidth.value * 1.2 : outerScale.value * 100 } else { changeRefComponentsSizeWithScale(