From aa67ba1c15ce761666342e16a3194d3b5b0a4167 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 5 Sep 2026 00:17:57 -0700 Subject: Chat goes full-bleed on phones like the notes feed — the home list, community rooms and DM threads (now sharing a chat-page class) drop their card walls and run edge to edge under 520px — and the type steps up a notch: bubbles 14→15px, names 13→14px, timestamps 11→12px. Plus: a fixed-price LNURL (minSendable == maxSendable — bolt-card top-ups, paywalls, static charges) no longer prompts for an amount — resolve() fills it and locks the field via the same fixedSat machinery fixed-amount BOLT 12 offers already use (disabled input, adjusted hints, confirm bypass) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01MGzU12QrAA4G6BYGzGVdXz --- src/style.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 382535c..ee6dc32 100644 --- a/src/style.css +++ b/src/style.css @@ -399,18 +399,26 @@ hr.divider { margin: 16px 0; } .chat-avatar.spacer { background: transparent; height: 0; } .chat-body { min-width: 0; flex: 1; } .chat-meta { display: flex; align-items: baseline; gap: 7px; margin-bottom: 2px; } -.chat-name { font-size: 13px; font-weight: 650; } +.chat-name { font-size: 14px; font-weight: 650; } .chat-badge { font-size: 10px; font-weight: 650; color: var(--accent-fg); background: var(--accent); border-radius: 5px; padding: 1px 5px; margin-left: 5px; vertical-align: 1px; } -.chat-time { font-size: 11px; color: var(--faint); } +.chat-time { font-size: 12px; color: var(--faint); } .chat-bubble { position: relative; display: inline-block; max-width: 100%; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; - padding: 7px 11px; font-size: 14px; line-height: 1.45; + padding: 7px 11px; font-size: 15px; line-height: 1.45; overflow-wrap: break-word; white-space: pre-wrap; } +/* the messages surfaces run edge to edge on phones, like the notes feed — + the card walls step outside #app's padding and the borders/radius go */ +@media (max-width: 520px) { + .chat-page { + margin-left: -16px; margin-right: -16px; + border-left: none; border-right: none; border-radius: 0; + } +} .chat-edited { font-size: 11px; color: var(--faint); } .chat-del { position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; -- cgit v1.2.3