diff options
| author | Adam Soltys <[email protected]> | 2026-08-04 00:09:47 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-04 00:09:47 -0700 |
| commit | b75db0949961bb3b8c1b7e3b46e1ad0e4733ae8e (patch) | |
| tree | 3bce078cdafb521786a866b70b1af2fa4587335b /src/style.css | |
| parent | d8964bdf6f047d058731edfae6d07e57106661c8 (diff) | |
| download | coinosv3-b75db0949961bb3b8c1b7e3b46e1ad0e4733ae8e.tar.gz coinosv3-b75db0949961bb3b8c1b7e3b46e1ad0e4733ae8e.zip | |
One question fewer on the way in, and an 'or' that means it
The sign-in screen stacked 'Connect a signer app' directly above a
bunker/nsec field, which reads as two steps rather than two ways in.
A divider says which it is.
The wizard's second step asked whether you have a nostr account, then
sent you to a screen that asks the same thing. Step one now offers both
paths directly — Get started, or sign in with Nostr — and the middle
step is gone, along with its strings. The welcome blurb goes too: the
screen is one decision, and prose above it is something to read before
you can make it.
The footer sinks to the bottom of the window rather than trailing the
content up the page. #app is a full-height column now; the chat card
sizes itself against the viewport, so the layout test covers it at
three sizes.
Co-Authored-By: Claude Opus 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/style.css b/src/style.css index ea29891..5064fae 100644 --- a/src/style.css +++ b/src/style.css @@ -78,7 +78,13 @@ html, body { #app { max-width: 560px; margin: 0 auto; - padding: 24px 16px 64px; + padding: 24px 16px 24px; + /* A column the height of the window, so the footer sits at the bottom of + short screens instead of floating under the content. */ + min-height: 100vh; + min-height: 100dvh; + display: flex; + flex-direction: column; } /* ---- typography ---- */ @@ -268,7 +274,7 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si background: var(--green-soft); color: var(--green); display: grid; place-items: center; font-size: 34px; font-weight: 700; } -.footer { margin-top: 28px; padding-bottom: 8px; } +.footer { margin-top: auto; padding-top: 28px; padding-bottom: 8px; } .footer a { color: var(--accent-ink); font-weight: 600; } /* Clickable unit labels (BTC/sats) — look like text, toggle the global unit. */ @@ -570,3 +576,5 @@ body::after { .balance-move .input-group > button { flex: 1 1 150px; } .chat-signer-off { padding: 6px 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface2); } .chan-pick { width: auto; min-width: 0; padding: 6px 32px 6px 10px; font-size: 13px; font-weight: 600; border-radius: 9px; background-position: right 10px center; } +.or-split { display: flex; align-items: center; gap: 10px; color: var(--faint); font-size: 13px; } +.or-split::before, .or-split::after { content: ''; flex: 1; height: 1px; background: var(--line); } |