From a6f354fed99579896b0d8bab5c222226c611d382 Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 8 May 2024 14:38:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=8F=8D=E5=90=91?=
 =?UTF-8?q?=E4=BB=A3=E7=90=86=E7=9A=84=E6=BA=90=E6=96=87=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=20(#4917)?=
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.
---
 .../website/config/basic/proxy/file/index.vue     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/proxy/file/index.vue b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
index 6b200a301..8df7a7328 100644
--- a/frontend/src/views/website/website/config/basic/proxy/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-drawer v-model="open" :close-on-click-modal="false" size="40%" :before-close="handleClose">
+    <el-drawer v-model="open" :close-on-click-modal="false" :size="size" :before-close="handleClose">
         <template #header>
             <DrawerHeader :header="$t('website.proxyFile')" :back="handleClose" />
         </template>
@@ -35,13 +35,19 @@
 import DrawerHeader from '@/components/drawer-header/index.vue';
 import i18n from '@/lang';
 import { FormInstance } from 'element-plus';
-import { reactive, ref } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import { MsgSuccess } from '@/utils/message';
 import { Codemirror } from 'vue-codemirror';
 import { UpdateProxyConfigFile } from '@/api/modules/website';
 import { StreamLanguage } from '@codemirror/language';
 import { nginx } from '@codemirror/legacy-modes/mode/nginx';
 import { oneDark } from '@codemirror/theme-one-dark';
+import { GlobalStore } from '@/store';
+const globalStore = GlobalStore();
+
+const mobile = computed(() => {
+    return globalStore.isMobile();
+});
 
 const extensions = [StreamLanguage.define(nginx), oneDark];
 const proxyForm = ref<FormInstance>();
@@ -58,12 +64,17 @@ const req = reactive({
     websiteID: 0,
     content: '',
 });
+const size = ref('50%');
 
 const acceptParams = async (proxyreq: any) => {
     req.name = proxyreq.name;
     req.websiteID = proxyreq.websiteID;
     req.content = proxyreq.content;
     open.value = true;
+
+    if (mobile.value) {
+        size.value = '100%';
+    }
 };
 
 const submit = async () => {