diff --git a/configs/merchant-landing/index.html b/configs/merchant-landing/index.html index e0a5b92..4dcc5ea 100644 --- a/configs/merchant-landing/index.html +++ b/configs/merchant-landing/index.html @@ -364,6 +364,52 @@ display: block; margin-top: 0.2rem; font-size: 0.65rem; font-weight: 600; color: var(--muted); line-height: 1.25; letter-spacing: 0.01em; } + + /* Wallet: collapsed box, expand like settlement QR panel */ + .wallet-fold { + margin: 0 0 1.15rem; + border: 1px solid rgba(167, 139, 250, 0.38); + border-radius: 14px; + overflow: hidden; + background: rgba(36, 28, 48, 0.72); + } + .wallet-fold-toggle { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.5rem; + width: 100%; + margin: 0; + padding: 0.75rem 0.9rem; + border: 0; + background: transparent; + color: #e9d5ff; + font: inherit; + font-size: 0.92rem; + font-weight: 700; + text-align: left; + cursor: pointer; + line-height: 1.3; + } + .wallet-fold-toggle:hover { + background: rgba(167, 139, 250, 0.12); + color: #faf5ff; + } + .wallet-fold-toggle-text { flex: 1; } + .wallet-fold-chevron { + flex-shrink: 0; + transition: transform 0.15s ease; + color: var(--accent2); + font-size: 0.9rem; + } + .wallet-fold.open .wallet-fold-chevron { transform: rotate(90deg); } + .wallet-fold-body { + display: none; + padding: 0.15rem 0.9rem 1rem; + border-top: 1px solid rgba(167, 139, 250, 0.28); + } + .wallet-fold.open .wallet-fold-body { display: block; } + .wallet-fold-body .app-links { margin-top: 0.65rem; } @@ -390,6 +436,52 @@ Get money at the bank →

+
+ + +
+