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()