Sea-of-Stars-studio/sea-of-stars-studio.github.io
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: optimize mobile version

Browse Source
This commit is contained in:
wed150
2026-05-23 03:17:16 +08:00
Unverified
parent 7eb1cb818f
commit 95d0a7a228
2 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+20 -20
View File
@@ -200,7 +200,7 @@
#statusMessage { padding: 10px 16px; border-radius: 10px; font-size: 13px; margin-top: 10px; }
/* 下载区域 */
#downloadArea {
margin-top: 20px; padding: 28px;
margin-top: 20px; padding: 14px;
background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2);
border-radius: var(--ov-radius); text-align: center;
transition: height 0.3s ease;
@@ -305,12 +305,10 @@
backdrop-filter: blur(20px);
}
#downloadArea h3 {
margin-bottom: 12px;
font-size: 20px;
letter-spacing: 0.2px;
}
#downloadArea button {
margin-top: 10px;
padding: 12px 26px;
border-radius: 14px;
}
@@ -356,22 +354,24 @@
animation: ovReveal 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s both;
}
/* 移动端适配 */
body.device-mobile .ov-nav { padding: 12px 16px; }
body.device-mobile .ov-main { padding: 20px 12px 40px; }
body.device-mobile .ov-hero h1 { font-size: 24px; }
body.device-mobile .ov-hero p { font-size: 13px; }
body.device-mobile .ov-card { padding: 18px; margin-bottom: 14px; }
body.device-mobile .ov-card h2 { font-size: 16px; }
body.device-mobile #dropZone { padding: 24px 12px; }
body.device-mobile button { width: 100%; padding: 10px; }
body.device-mobile .file-item button { width: auto; padding: 6px 12px; font-size: 12px; }
body.device-mobile .lang-toggle { width: auto; padding: 4px 12px; }
body.device-mobile input[type="text"] { max-width: 100%; }
body.device-mobile .file-item { flex-direction: row; align-items: center; padding: 8px 10px; }
body.device-mobile .file-info { flex-direction: column; align-items: flex-start; gap: 2px; }
body.device-mobile .file-name { font-size: 13px; word-break: break-all; }
body.device-mobile .file-size { font-size: 11px; }
body.device-mobile .file-type-badge { font-size: 9px; padding: 2px 5px; }
body.device-mobile .ov-nav { padding: 10px 16px; }
body.device-mobile .ov-main { padding: 18px 16px 32px; }
body.device-mobile .ov-main .ov-card { margin: 0 auto 12px; max-width: calc(100% - 16px); }
body.device-mobile .ov-hero h1 { font-size: 20px; line-height: 1.25; }
body.device-mobile .ov-hero p { font-size: 12px; line-height: 1.5; }
body.device-mobile .ov-card { padding: 14px; margin-bottom: 12px; }
body.device-mobile .ov-card h2 { font-size: 15px; }
body.device-mobile #dropZone { padding: 20px 14px; }
body.device-mobile button { padding: 8px 14px; font-size: 13px; }
body.device-mobile .file-item button { padding: 8px 12px; font-size: 12px }
body.device-mobile .lang-toggle { width: auto; padding: 4px 10px; font-size: 12px; }
body.device-mobile input[type="text"] { max-width: 100%; font-size: 13px; }
body.device-mobile .file-item { align-items: stretch; padding: 10px 12px; }
body.device-mobile .file-info { flex-direction: column; align-items: flex-start; gap: 6px; display: unset}
body.device-mobile .file-name { font-size: 14px; word-break: break-word; }
body.device-mobile .file-size { font-size: 12px; }
body.device-mobile .file-type-badge { display: none; }
body.device-mobile .file-item { gap: 10px; }
</style>
</head>
<body data-i18n-title="OV_PAGE_TITLE">
@@ -414,7 +414,7 @@
<h2 data-i18n="SECTION_CONFIG">Configuration</h2>
<div style="margin-bottom:20px;">
<label for="projectName" style="display:block;margin-bottom:8px;font-weight:500;font-size:14px;" data-i18n="LABEL_PROJECT_NAME">Pack Name:</label>
<input type="text" id="projectName" value="My Projection Pack" data-i18n="DEFAULT_PROJECT_NAME" data-i18n-attr="value">
<input type="text" id="projectName" value="My Construct Pack" data-i18n="DEFAULT_PROJECT_NAME" data-i18n-attr="value">
</div>
<button id="processBtn" data-i18n="BTN_PROCESS">Process & Generate Addon</button>
</div>