From ac0d5df5128e5d757378205b421e29f919ff3f18 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 20 Feb 2024 09:53:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B7=A5=E5=85=B7=E7=AE=B1):=20=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E7=AE=A1=E7=90=86=E9=97=B4=E8=B7=9D=E4=B8=8D=E5=AF=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/views/mobile/index.vue   | 13 ++++++++-----
 .../src/views/mobile/login/index.vue            | 17 ++++++++++++++---
 .../template/component/DeTemplateImport.vue     |  2 +-
 core/core-frontend/src/views/template/index.vue |  4 ++--
 4 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/core/core-frontend/src/views/mobile/index.vue b/core/core-frontend/src/views/mobile/index.vue
index 7d54f3d8b3..46b416cfd0 100644
--- a/core/core-frontend/src/views/mobile/index.vue
+++ b/core/core-frontend/src/views/mobile/index.vue
@@ -42,15 +42,18 @@ const hiddenTabbar = ref(false)
 <style lang="less">
 body {
   min-height: 100vh;
-  min-height: -webkit-fill-available;
+  display: flex;
+  flex-direction: column;
 }
 
-html {
-  height: -webkit-fill-available;
+@supports (-webkit-touch-callout: none) {
+  body {
+    min-height: -webkit-fill-available;
+  }
 }
 .mobile-index {
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   overflow: hidden;
 }
 </style>
diff --git a/core/core-frontend/src/views/mobile/login/index.vue b/core/core-frontend/src/views/mobile/login/index.vue
index a7713c3793..161cb64728 100644
--- a/core/core-frontend/src/views/mobile/login/index.vue
+++ b/core/core-frontend/src/views/mobile/login/index.vue
@@ -100,10 +100,21 @@ const onSubmit = async () => {
   </div>
 </template>
 
-<style lang="less" scoped>
+<style lang="less">
+body {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+@supports (-webkit-touch-callout: none) {
+  body {
+    min-height: -webkit-fill-available;
+  }
+}
 .de-mobile-login {
-  height: 100vh;
-  width: 100vw;
+  height: 100%;
+  width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/core/core-frontend/src/views/template/component/DeTemplateImport.vue b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
index c80d682926..85c0cd0a8f 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateImport.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
@@ -287,7 +287,7 @@ if (props.templateId) {
   justify-content: flex-end;
 }
 .preview {
-  margin-top: -5px;
+  margin-top: -8px;
   border: 1px solid #e6e6e6;
   height: 300px !important;
   overflow: auto;
diff --git a/core/core-frontend/src/views/template/index.vue b/core/core-frontend/src/views/template/index.vue
index 023668f19a..58f30d94dc 100644
--- a/core/core-frontend/src/views/template/index.vue
+++ b/core/core-frontend/src/views/template/index.vue
@@ -119,7 +119,7 @@
       :title="state.dialogTitle"
       v-model="state.editTemplate"
       append-to-body
-      class="de-dialog-form"
+      class="de-dialog-form create-dialog"
       width="420px"
     >
       <el-form
@@ -148,7 +148,7 @@
       v-model="state.templateDialog.visible"
       :show-close="true"
       :destroy-on-close="true"
-      class="de-dialog-form"
+      class="de-dialog-form create-dialog"
       width="600px"
     >
       <de-template-import