237899745/vue-driven-cloud-storage
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): apply true large-screen scaling and mobile overflow safeguards

Browse Source
This commit is contained in:
yuyx
2026-02-12 20:33:36 +08:00
parent 8193101566
commit a3932747e3
6 changed files with 353 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
frontend/app.html
View File

@@ -6120,6 +6120,128 @@
}
</style>
<script src="app.js?v=20260212006"></script>
<style>
/* ===== App True Large-Screen Scaling v2 ===== */
@media (min-width: 1920px) {
body.enterprise-netdisk {
font-size: 16px;
}
body.enterprise-netdisk .navbar {
min-height: 76px;
padding: 12px 26px;
}
body.enterprise-netdisk .main-container {
max-width: 1840px;
}
body.enterprise-netdisk .card {
padding: 26px;
}
body.enterprise-netdisk .files-view-card {
padding: 16px 18px 14px;
}
body.enterprise-netdisk .files-content-head.files-content-head-compact {
min-height: 48px;
}
body.enterprise-netdisk .files-content-head.files-content-head-compact .files-content-title {
font-size: 15px;
}
body.enterprise-netdisk .files-head-action-btn,
body.enterprise-netdisk .files-head-view-toggle .btn {
font-size: 14px;
padding: 8px 13px;
}
body.enterprise-netdisk .files-head-usage-progress {
width: 360px;
height: 30px;
}
body.enterprise-netdisk .files-head-usage-progress-text {
font-size: 13px;
}
body.enterprise-netdisk .files-container {
min-height: 420px;
}
body.enterprise-netdisk .file-grid {
grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
gap: 16px;
}
body.enterprise-netdisk .file-grid-item {
min-height: 205px;
padding: 16px 10px 12px;
}
body.enterprise-netdisk .file-name {
font-size: 14px;
}
}
@media (min-width: 2560px) {
body.enterprise-netdisk {
font-size: 17px;
}
body.enterprise-netdisk .navbar {
min-height: 86px;
padding: 15px 34px;
}
body.enterprise-netdisk .main-container {
max-width: 2200px;
}
body.enterprise-netdisk .card {
padding: 32px;
}
body.enterprise-netdisk .files-view-card {
padding: 20px 24px 18px;
}
body.enterprise-netdisk .files-content-head.files-content-head-compact .files-content-title {
font-size: 17px;
}
body.enterprise-netdisk .files-head-action-btn,
body.enterprise-netdisk .files-head-view-toggle .btn {
font-size: 15px;
padding: 9px 15px;
}
body.enterprise-netdisk .files-head-usage-progress {
width: 420px;
height: 34px;
}
body.enterprise-netdisk .files-head-usage-progress-text {
font-size: 14px;
}
body.enterprise-netdisk .files-container {
min-height: 520px;
}
body.enterprise-netdisk .file-grid {
grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));
gap: 18px;
}
body.enterprise-netdisk .file-grid-item {
min-height: 228px;
}
}
</style>
<script src="app.js?v=20260212007"></script>
</body>
</html>