fix(style): fix gaps and pop up screen ui
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user