GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-07 23:41:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(VersionUpdateToast): 优化消息样式和移动端适配

Browse Source
This commit is contained in:
PKC278
2026-01-03 23:28:29 +08:00
parent 94aaf83107
commit 7dd10f9c96
2 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/main.scss
View File

@@ -16,4 +16,31 @@
.version-update-toast-container {
min-width: unset !important;
width: fit-content !important;
// 移动端适配：强制靠右并修正位置
@media only screen and (width <= 600px) {
max-width: calc(100vw - 1rem) !important;
margin-inline: 0 0.5rem !important;
border-radius: 8px !important;
position: relative !important;
top: calc(100vh - 12rem) !important;
}
}
// 使用 :has 选择器精准控制包含更新通知的容器
.Vue-Toastification__container:has(.version-update-toast-container) {
@media only screen and (width <= 600px) {
top: auto !important;
bottom: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
padding-block-end: 4.5rem !important;
pointer-events: none;
.version-update-toast-container {
pointer-events: auto;
margin-inline-end: 0.5rem !important;
}
}
}