From 8902e179fcaff3f118388a27e98d2de233dd03c9 Mon Sep 17 00:00:00 2001
From: hyruleboss <hyruleboss.link@gmail.com>
Date: Sun, 27 Jul 2025 12:14:27 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=AE=80=E5=8D=95=E4=BC=98=E5=8C=96PC?=
 =?UTF-8?q?/=E5=B9=B3=E6=9D=BF=E7=AB=AF=E5=B8=83=E5=B1=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   |  2 +-
 src/App.vue                    |  2 ++
 src/layout/AppLayout.vue       | 13 +++++++++++++
 src/views/FileEditor.vue       | 12 ++++++------
 src/views/SubEditor.vue        |  2 +-
 src/views/share/SharePopup.vue |  2 +-
 6 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 0df1fed5e..a7a7e9d42 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.53",
+  "version": "2.15.54",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/App.vue b/src/App.vue
index 99f22c68c..9e86e2964 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -419,8 +419,10 @@ function checkNeedConfiguration() {
     // overflow: hidden;
     flex: 1;
     display: flex;
+    align-items: center;
     flex-direction: column;
     overflow: auto;
+    width: 100%;
   }
 
   overflow-y: auto;
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index 6095f6e2d..d9d651ffa 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -41,6 +41,19 @@
     flex: 1;
     padding: 56px 0 v-bind(height) 0;
     overflow: auto;
+    width: 100%;
+    @media screen and (min-width: 600px) {
+      max-width: 85%;
+    }
+    @media screen and (min-width: 768px) {
+      max-width: 630px;
+    }
+    @media screen and (min-width: 900px) {
+      max-width: 700px;
+    }
+    @media screen and (min-width: 1200px) {
+      max-width: 900px;
+    }
   }
 
 </style>
diff --git a/src/views/FileEditor.vue b/src/views/FileEditor.vue
index f1664038a..b5946d84e 100644
--- a/src/views/FileEditor.vue
+++ b/src/views/FileEditor.vue
@@ -934,6 +934,7 @@ const handleEditGlobalClick = () => {
   display: flex;
   justify-content: space-between;
   bottom: 0;
+  left: 0;
   width: 100%;
   padding: 8px var(--safe-area-side) calc(v-bind("padding") + 8px) var(--safe-area-side);
   z-index: 20;
@@ -947,19 +948,18 @@ const handleEditGlobalClick = () => {
     display: flex;
     justify-content: center;
     align-items: center;
-
     svg {
       margin-right: 4px;
     }
   }
 
-  // .compare-btn {
-  //   background: transparent;
-  //   width: 36%;
-  // }
+  .compare-btn {
+    background: transparent;
+    width: 36%;
+  }
 
   .submit-btn {
-    width: 67%;
+    width: 62%;
   }
 }
 
diff --git a/src/views/SubEditor.vue b/src/views/SubEditor.vue
index 044cfd865..b412f348c 100644
--- a/src/views/SubEditor.vue
+++ b/src/views/SubEditor.vue
@@ -1382,6 +1382,7 @@ const handleEditGlobalClick = () => {
   display: flex;
   justify-content: space-between;
   bottom: 0;
+  left: 0;
   width: 100%;
   padding: 8px var(--safe-area-side) calc(v-bind("padding") + 8px)
     var(--safe-area-side);
@@ -1396,7 +1397,6 @@ const handleEditGlobalClick = () => {
     display: flex;
     justify-content: center;
     align-items: center;
-
     svg {
       margin-right: 4px;
     }
diff --git a/src/views/share/SharePopup.vue b/src/views/share/SharePopup.vue
index 6cfcb5428..180dafb9f 100644
--- a/src/views/share/SharePopup.vue
+++ b/src/views/share/SharePopup.vue
@@ -5,7 +5,7 @@
     pop-class="share-popup"
     position="center"
     :style="{
-      width: `90%`,
+      width:'88vw',
       padding: '20px 12px 0 12px',
       backgroundColor: 'var(--background-color)',
     }"