diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/messages.js | 2 | ||||
| -rw-r--r-- | src/style.css | 5 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index e6e5d7d..1de3a3c 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -6187,7 +6187,7 @@ export function messagesFeature(ctx) { onClick: () => { s.replying = false; s.preview = false; render(); }, }, t('cancel')), h('button', { - class: 'btn-primary thread-reply-send', disabled: !!s.sending || !!ui.postUploading, + class: 'btn-primary btn-sm thread-reply-send', disabled: !!s.sending || !!ui.postUploading, onClick: async () => { const text = (s.draft || '').trim(); if (!text) return; diff --git a/src/style.css b/src/style.css index 89db887..b1d67b4 100644 --- a/src/style.css +++ b/src/style.css @@ -688,7 +688,10 @@ html:has(#app .chat-card), body:has(#app .chat-card) { overflow: hidden; } /* the field inside the panel: a quiet hairline, the panel is the frame */ .thread-reply .thread-reply-input { border: 1px solid var(--line); background: var(--surface, #fff); border-radius: 10px; } .thread-reply .thread-reply-input:focus { border-color: var(--ink); outline: none; } -.thread-reply .thread-reply-send { padding: 8px 18px; } +/* Cancel and Reply: one size, the icon buttons' height */ +.thread-reply .reply-tools .thread-reply-cancel, .thread-reply .reply-tools .thread-reply-send { + height: 40px; padding: 0 18px; border-radius: 10px; font-size: 15px; line-height: 38px; box-sizing: border-box; +} /* A picture, full screen: the image centred on a dark ground, everything else out of the way. Fixed to the viewport (svh, so a phone's address bar can't push it), and above every other layer including the toast. */ |