feat: 移动端样式优化 (#1202)

#### 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

@@ -40,11 +40,20 @@
     .el-drawer.rtl {
         width: 80% !important;
     }
-		.site-form-wrapper {
+    .site-form-wrapper {
-			width: 90% !important;
+        width: 90% !important;
-			min-width: auto !important;
+        min-width: auto !important;
-			.el-form-item__label {
+        .el-form-item__label {
-				width: auto !important;
+            width: auto !important;
-			}
+        }
-		}
+    }
+    .moblie-form {
+        overflow: auto;
+        .el-input {
+            width: 350px;
+        }
+        .el-textarea__inner {
+            width: 350px;
+        }
+    }
 }

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>