ahdoawhfo/netdisk-fast-download
1
0
Fork 0
mirror of https://github.com/qaiu/netdisk-fast-download.git synced 2025-12-17 04:43:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

移动端布局优化

Browse Source
This commit is contained in:
q
2025-07-11 11:51:08 +08:00
parent 0579588814
commit 8631524107
2 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web-front/src/views/Home.vue
View File

@@ -587,9 +587,17 @@ body.dark-theme {
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.box-card { #app {
margin-top: 1em !important; padding-left: 0 !important;
margin-bottom: 1em !important; padding-right: 0 !important;
margin: 0 !important; /* 关键：去掉 auto 居中 */
max-width: 100vw !important;
}
#app .box-card {
margin: 1em 4px !important; /* 上下1em，左右4px */
width: auto !important;
max-width: 100vw !important;
box-sizing: border-box;
} }
} }
@@ -790,4 +798,21 @@ hr {
#app.jv-container .jv-item.jv-object { #app.jv-container .jv-item.jv-object {
color: #32ba6d; color: #32ba6d;
} }
.feedback-bar {
width: 100%;
max-width: 700px; /* 和 .box-card 保持一致 */
margin: 0 auto; /* 居中 */
text-align: right;
padding: 10px 24px 0 0; /* 右侧内边距和卡片内容对齐 */
box-sizing: border-box;
}
@media screen and (max-width: 700px) {
.feedback-bar {
max-width: 480px; /* 和移动端卡片宽度一致 */
padding-right: 8px; /* 和卡片内容对齐 */
padding-left: 8px;
}
}
</style> </style>