From c743775a1e4c8027fa1ea8788b70696dfcccfc62 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Wed, 31 May 2023 14:05:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=20(#1202)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
---
 frontend/src/styles/moblie.scss               | 23 +++++++++++++------
 .../website/config/basic/https/index.vue      |  9 +++++++-
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/frontend/src/styles/moblie.scss b/frontend/src/styles/moblie.scss
index c3ac9e18d..93753f008 100644
--- a/frontend/src/styles/moblie.scss
+++ b/frontend/src/styles/moblie.scss
@@ -40,11 +40,20 @@
     .el-drawer.rtl {
         width: 80% !important;
     }
-		.site-form-wrapper {
-			width: 90% !important;
-			min-width: auto !important;
-			.el-form-item__label {
-				width: auto !important;
-			}
-		}
+    .site-form-wrapper {
+        width: 90% !important;
+        min-width: auto !important;
+        .el-form-item__label {
+            width: auto !important;
+        }
+    }
+    .moblie-form {
+        overflow: auto;
+        .el-input {
+            width: 350px;
+        }
+        .el-textarea__inner {
+            width: 350px;
+        }
+    }
 }
diff --git a/frontend/src/views/website/website/config/basic/https/index.vue b/frontend/src/views/website/website/config/basic/https/index.vue
index 3a857c854..6635bb45a 100644
--- a/frontend/src/views/website/website/config/basic/https/index.vue
+++ b/frontend/src/views/website/website/config/basic/https/index.vue
@@ -1,7 +1,14 @@
 <template>
     <el-row :gutter="20" v-loading="loading">
         <el-col :xs="24" :sm="18" :md="14" :lg="14" :xl="14">
-            <el-form ref="httpsForm" label-position="right" label-width="auto" :model="form" :rules="rules">
+            <el-form
+                class="moblie-form"
+                ref="httpsForm"
+                label-position="right"
+                label-width="auto"
+                :model="form"
+                :rules="rules"
+            >
                 <el-form-item prop="enable" :label="$t('website.enableHTTPS')">
                     <el-switch v-model="form.enable" @change="changeEnable"></el-switch>
                 </el-form-item>