diff --git a/frontend/src/views/dashboard/canvas/CanvasCore.vue b/frontend/src/views/dashboard/canvas/CanvasCore.vue index a1b8178d..37b806c0 100644 --- a/frontend/src/views/dashboard/canvas/CanvasCore.vue +++ b/frontend/src/views/dashboard/canvas/CanvasCore.vue @@ -251,7 +251,9 @@ function removeItemFromPositionBox(item: CanvasItem) { */ function recomputeCellWidth() { if (!containerRef.value) return - maxCell.value = Math.round(containerRef.value.offsetWidth / cellWidth.value) + maxCell.value = isMainCanvas(props.canvasId) + ? Math.floor(containerRef.value.offsetWidth / cellWidth.value) + : Math.round(containerRef.value.offsetWidth / cellWidth.value) } function sizeInit() { @@ -918,6 +920,8 @@ function startMove(e: MouseEvent, item: CanvasItem, index: number) { ), 1 ) + // temp adjust board + // Adjust the accuracy of moving coordinate changes const newY = Math.max( Math.floor( diff --git a/frontend/src/views/dashboard/editor/DashboardEditor.vue b/frontend/src/views/dashboard/editor/DashboardEditor.vue index 8dae47c2..2db905bd 100644 --- a/frontend/src/views/dashboard/editor/DashboardEditor.vue +++ b/frontend/src/views/dashboard/editor/DashboardEditor.vue @@ -66,12 +66,12 @@ const canvasSizeInit = () => { const sizeInit = () => { if (dashboardEditorRef.value) { + baseMarginLeft.value = 16 + baseMarginTop.value = 16 // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment const screenWidth = dashboardEditorRef.value.offsetWidth // @ts-expect-error eslint-disable-next-line @typescript-eslint/ban-ts-comment const screenHeight = dashboardEditorRef.value.offsetHeight - baseMarginLeft.value = 10 - baseMarginTop.value = 10 baseWidth.value = (screenWidth - baseMarginLeft.value) / props.baseMatrixCount.x - baseMarginLeft.value baseHeight.value = diff --git a/frontend/src/views/dashboard/editor/index.vue b/frontend/src/views/dashboard/editor/index.vue index 0a0bce8a..c70eeafd 100644 --- a/frontend/src/views/dashboard/editor/index.vue +++ b/frontend/src/views/dashboard/editor/index.vue @@ -91,7 +91,7 @@ const baseParams = computed(() => {