From 5d4c4901b1fb6d0b479cbecda6fe2934e010b107 Mon Sep 17 00:00:00 2001
From: hyruleboss <hyruleboss.link@gmail.com>
Date: Wed, 30 Jul 2025 23:11:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96PC=E7=AB=AF=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E9=A2=84=E8=A7=88=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                     |  2 +-
 src/components/ArtifactPanel.vue |  2 ++
 src/views/FilePreview.vue        | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b08bac035..dc78134fd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.62",
+  "version": "2.15.63",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/components/ArtifactPanel.vue b/src/components/ArtifactPanel.vue
index cdec7d4b9..d6b58a44b 100644
--- a/src/components/ArtifactPanel.vue
+++ b/src/components/ArtifactPanel.vue
@@ -371,6 +371,7 @@
 
 <style lang="scss">
   .artifact-panel {
+    min-width: 350px;
     .include-unsupported-proxy-wrapper {
       flex-direction: row;
       display: flex;
@@ -394,6 +395,7 @@
       }
     }
     .nut-dialog {
+      width: 100%;
       .nut-dialog__content {
         max-height: 72vh !important;
 
diff --git a/src/views/FilePreview.vue b/src/views/FilePreview.vue
index 65ce0893f..eb2121408 100644
--- a/src/views/FilePreview.vue
+++ b/src/views/FilePreview.vue
@@ -355,7 +355,39 @@ const copyUrl = async () => {
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   background: var(--background-color);
+  .cmviewRef {
+    width: 100%;
+  }
+  @media screen and (min-width: 768px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 85%;
+      max-width: 800px;
+    }
+  }
+  
+  @media screen and (min-width: 900px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 80%;
+      max-width: 900px;
+    }
+  }
+  
+  @media screen and (min-width: 1200px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 75%;
+      max-width: 1000px;
+    }
+  }
 }
 
 .divider,