diff --git a/configs/exchange-landing/index.html b/configs/exchange-landing/index.html index dc10246..a2b47c0 100644 --- a/configs/exchange-landing/index.html +++ b/configs/exchange-landing/index.html @@ -107,7 +107,7 @@ display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%; } .app-btn { - display: inline-flex; align-items: center; justify-content: center; + display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-width: 9rem; text-decoration: none; font-weight: 700; font-size: 0.88rem; padding: 0.55rem 0.85rem; border-radius: 10px; border: 1px solid rgba(232, 168, 56, 0.4); background: rgba(0,0,0,0.28); color: #f0d090; @@ -115,8 +115,24 @@ .app-btn.ios { border-color: rgba(62, 207, 191, 0.4); color: #b8f5ec; } .app-btn.hub { flex: 1 1 100%; border-color: rgba(201, 184, 160, 0.35); color: var(--muted); - font-weight: 600; font-size: 0.82rem; + font-weight: 600; font-size: 0.82rem; gap: 0.5rem; } + .app-ico { width: 1.15rem; height: 1.15rem; flex-shrink: 0; display: block; } + .app-ico path, .app-ico circle, .app-ico rect { fill: currentColor; } + .app-ico.stroke-ico path, .app-ico.stroke-ico circle, .app-ico.stroke-ico rect { + fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; + } + .app-btn:not(.ios):not(.hub) .app-ico { color: #f0c86a; } + .app-btn.ios .app-ico { color: #5eead4; } + .hub-icons { display: inline-flex; align-items: center; gap: 0.35rem; } + .hub-icons .app-ico { width: 1.05rem; height: 1.05rem; } + .hub-icons .app-ico.gold { color: #f0c86a; } + .hub-icons .app-ico.blue { color: #3ecfbf; } + .step-tagline .app-ico { + width: 1rem; height: 1rem; display: inline-block; vertical-align: -0.15em; margin: 0 0.12em; + } + .step-tagline .app-ico.android { color: #f0c86a; } + .step-tagline .app-ico.ios { color: #5eead4; } .step-body ol { margin: 0; padding-left: 1.2rem; width: 100%; align-self: stretch; color: var(--muted); } .step-body li { margin: 0.35rem 0; } footer { margin-top: 1.75rem; text-align: center; color: var(--muted); font-size: 0.85rem; } @@ -204,13 +220,33 @@

Get the wallet

-

Android or iOS

+

+ + or + +