From d2d42f88e4cb03f5680414c93ca951f2b1293a73 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 21 Mar 2024 15:46:58 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E5=88=B6=E4=BD=9C-=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E5=9C=A8=E7=94=BB=E5=B8=83=E5=8C=BA=EF=BC=8C=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=B1=85=E4=B8=AD=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/MobileConfigPanel.vue            | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index 4430a5a0d8..5d2695bef6 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -132,13 +132,14 @@ const loadCanvasData = () => {
 const setMobileStyle = debounce(() => {
   const height = window.innerHeight
   if (height > 1032) {
-    mobileStyle.value = {}
+    mobileStyle.value = {
+      transform: 'translateY(-50%)'
+    }
     return
   }
   const scale = height / 1032
   mobileStyle.value = {
-    top: `${60 + scale * 40}px`,
-    transform: `scale(${scale})`,
+    transform: `scale(${scale}) translateY(-50%)`,
     transformOrigin: '0 0'
   }
 }, 500)
@@ -337,7 +338,7 @@ const save = () => {
     overflow: hidden;
     background-size: 100% 100% !important;
     position: absolute;
-    top: 80px;
+    top: calc(50% + 32px);
     left: calc(50% - 419px);
     background-image: url(../../assets/img/mobile-bg-pc.png);
     padding: 0 22px;