From 2611bbaea4387f6eed16565f1ef5e8c1e8fd4b9c Mon Sep 17 00:00:00 2001
From: Allen <hotlcc@qq.com>
Date: Tue, 4 Jun 2024 13:54:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E7=AA=97=20VDialog=20=E5=9C=A8?=
 =?UTF-8?q?=E4=BD=8E=E7=89=88=E6=9C=AC=20iOS=20Safari=20=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E5=99=A8=E4=B8=8B=E5=AE=BD=E5=BA=A6=E5=BC=82=E5=B8=B8=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/scss/_compatibility.scss | 17 +++++++++++++++++
 src/main.ts                        |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 src/@core/scss/_compatibility.scss

diff --git a/src/@core/scss/_compatibility.scss b/src/@core/scss/_compatibility.scss
new file mode 100644
index 00000000..fab4112c
--- /dev/null
+++ b/src/@core/scss/_compatibility.scss
@@ -0,0 +1,17 @@
+/**
+ * 兼容性样式处理
+ */
+
+// 弹窗 VDialog 在低版本 iOS Safari 浏览器下宽度异常问题处理
+@media screen and (max-device-width:960px) {
+  .v-dialog > .v-overlay__content {
+    margin: 0;
+    max-width: calc(100% - 1rem);
+    max-height: calc(100% - 1rem);
+  }
+
+  .v-dialog--fullscreen > .v-overlay__content {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}
diff --git a/src/main.ts b/src/main.ts
index 98f711d9..d2e47f64 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -28,6 +28,7 @@ import TorrentCard from './components/cards/TorrentCard.vue'
 import MediaIdSelector from './components/misc/MediaIdSelector.vue'
 import PathField from './components/input/PathField.vue'
 import { fixArrayAt } from '@/@core/utils/compatibility'
+import '@core/scss/_compatibility.scss'
 
 // 修复低版本Safari等浏览器数组不支持at函数的问题
 fixArrayAt()