diff --git a/app/sovran_systemsos_web/static/css/modals.css b/app/sovran_systemsos_web/static/css/modals.css index 1345a53..72425a1 100644 --- a/app/sovran_systemsos_web/static/css/modals.css +++ b/app/sovran_systemsos_web/static/css/modals.css @@ -1,5 +1,56 @@ +/* ── NWC Benefits Grid ─────────────────────────────────────────── */ + +.nwc-benefits-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; + margin-top: 14px; +} + +.nwc-benefit-item { + background: rgba(255, 255, 255, 0.02); + border: 1px solid var(--border-color); + border-radius: 10px; + padding: 10px 14px; + display: flex; + gap: 12px; + align-items: flex-start; + transition: background-color 0.2s; +} + +.nwc-benefit-item:hover { + background: rgba(255, 255, 255, 0.04); +} + +.nwc-benefit-icon { + font-size: 1.25rem; + margin-top: 2px; + opacity: 0.9; +} + +.nwc-benefit-content strong { + display: block; + font-size: 0.82rem; + color: var(--text-primary); + margin-bottom: 2px; +} + +.nwc-benefit-content p { + margin: 0; + font-size: 0.75rem; + line-height: 1.45; + color: var(--text-secondary); +} + +@media (max-width: 800px) { + .nwc-benefits-grid { + grid-template-columns: 1fr; + } +} + /* ── Update modal ────────────────────────────────────────────────── */ + .modal-overlay { display: none; position: fixed; @@ -607,10 +658,12 @@ button.btn-reboot:hover:not(:disabled) { .nwc-tab-intro { display: flex; - align-items: flex-start; - justify-content: space-between; + flex-direction: column; + align-items: stretch; gap: 16px; - margin-bottom: 16px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid var(--border-color); } .nwc-tab-intro-title { diff --git a/app/sovran_systemsos_web/static/js/service-detail.js b/app/sovran_systemsos_web/static/js/service-detail.js index 3375988..09f14ba 100644 --- a/app/sovran_systemsos_web/static/js/service-detail.js +++ b/app/sovran_systemsos_web/static/js/service-detail.js @@ -174,7 +174,7 @@ function _nwcRenderWalletState() { var selectedLimited = state.createForm.access_preset === "send_receive_limited"; html += '
An isolated wallet you pair to a single app, with its own Lightning Address.
' + + 'Create a secure, sandboxed wallet for a specific app. Each wallet gets its own Lightning Address and optional spending limit.
' + 'Create your first wallet to get a one-time pairing secret for an app, plus a reusable Lightning Address.
' + + '' + + 'Create your first isolated wallet to connect to apps like Zeus or Nostr. Experience faster, more secure Lightning payments today.
' + 'Each wallet is isolated: pair it to one app with a one-time secret, and share its Lightning Address to get paid.
' + + 'Powerful, isolated wallets for your daily spending and modern apps.
' + + 'Create sandboxed wallets for quick spending while keeping your main node protected. Isolated access is faster than Tor and perfect for budgeting.
' + + 'Easily spend and receive bitcoin using LNURL and Nostr (NWC) across the growing ecosystem of decentralized apps.
' + + 'Connect instantly to Zeus via NWC. Manage your spending and receive payments right from your phone, wherever you are.
' + + 'Loading wallets…