fix(style): fix gaps and pop up screen ui

This commit is contained in:
SeekingGamer
2026-05-20 11:36:04 +08:00
parent a8229e543e
commit 74793fbc11
3 changed files with 9 additions and 9 deletions

View File

@@ -56,6 +56,7 @@
const BTN = const BTN =
'cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #ccc;background:#f5f5f5;color:#1a1a1a;'; 'cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #ccc;background:#f5f5f5;color:#1a1a1a;';
const BTN_PRIMARY = 'border-color:#1a6cff;background:#1a6cff;color:#fff;'; const BTN_PRIMARY = 'border-color:#1a6cff;background:#1a6cff;color:#fff;';
const BTN_ORANGE = 'cursor:pointer;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #f28a4b;background:#f28a4b;color:#fff;';
function initInAppBrowserModal() { function initInAppBrowserModal() {
if (document.getElementById('inapp-browser-modal')) return; if (document.getElementById('inapp-browser-modal')) return;
@@ -185,8 +186,7 @@
MODAL_ACTIONS + MODAL_ACTIONS +
'">' + '">' +
'<button type="button" data-app-soon-close style="' + '<button type="button" data-app-soon-close style="' +
BTN + BTN_ORANGE +
BTN_PRIMARY +
'"></button>' + '"></button>' +
'</div></div>'; '</div></div>';
document.body.appendChild(wrap); document.body.appendChild(wrap);

View File

@@ -28,7 +28,7 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
max-width: 1280px; max-width: 1280px;
gap: 32px; gap: 0px;
margin: 0 auto; margin: 0 auto;
padding: 60px 16px; padding: 60px 16px;
} }
@@ -60,7 +60,7 @@
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
gap: 20px; gap: 16px;
max-width: 100%; max-width: 100%;
} }
@@ -301,7 +301,7 @@ a.store-badge {
.download-cta__inner { .download-cta__inner {
flex-direction: row; flex-direction: row;
gap: 0; gap: 16px;
padding: 0 24px; padding: 0 24px;
} }

View File

@@ -264,10 +264,6 @@
letter-spacing: var(--ls-42); letter-spacing: var(--ls-42);
} }
.why__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.why-card { .why-card {
padding: 36px; padding: 36px;
min-height: 152px; min-height: 152px;
@@ -287,6 +283,10 @@
padding-right: 36px; padding-right: 36px;
} }
.why__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.why__intro { .why__intro {
flex-direction: row; flex-direction: row;
} }