fix: font sizes 21/25/17px, icon labels on send btn, no-wrap fix

- Sync preload script font sizes to match app.js (21/25/17px)
- Send button variants now show icons: ↑ Send, 📝 Note,  Run
- Remove fixed width on send-col; add white-space:nowrap + padding
  so "📝 Note" never wraps regardless of font size

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-26 22:43:34 -04:00
parent cf277f822e
commit 3bada5f311
3 changed files with 6 additions and 6 deletions

View File

@@ -74,7 +74,7 @@
otr: { icon: '🔒', label: 'OTR' }, otr: { icon: '🔒', label: 'OTR' },
agent: { icon: '⚡', label: 'Agent' }, agent: { icon: '⚡', label: 'Agent' },
}; };
const send_labels = { chat: 'Send', note: 'Add Note', otr: 'Send', agent: 'Run' }; const send_labels = { chat: 'Send', note: '📝 Note', otr: 'Send', agent: 'Run' };
let current_mode = localStorage.getItem('current_mode') || 'chat'; let current_mode = localStorage.getItem('current_mode') || 'chat';
let note_public = false; let note_public = false;
@@ -1096,7 +1096,7 @@
// ── Font size cycle ─────────────────────────────────────────── // ── Font size cycle ───────────────────────────────────────────
const fontSizeBtn = document.getElementById('font-size-btn'); const fontSizeBtn = document.getElementById('font-size-btn');
const fontSizes = ['normal', 'large', 'small']; const fontSizes = ['normal', 'large', 'small'];
const fontSizePx = { normal: '17px', large: '19px', small: '15px' }; const fontSizePx = { normal: '21px', large: '25px', small: '17px' };
const fontSizeLbl = { normal: 'Aa', large: 'A+', small: 'A' }; const fontSizeLbl = { normal: 'Aa', large: 'A+', small: 'A' };
function applyFontSize(size) { function applyFontSize(size) {

View File

@@ -14,9 +14,9 @@
var t = localStorage.getItem('theme'); var t = localStorage.getItem('theme');
if (!t) t = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; if (!t) t = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', t); document.documentElement.setAttribute('data-theme', t);
var sizes = { normal: '17px', large: '19px', small: '15px' }; var sizes = { normal: '21px', large: '25px', small: '17px' };
var fs = localStorage.getItem('font-size') || 'normal'; var fs = localStorage.getItem('font-size') || 'normal';
document.documentElement.style.fontSize = sizes[fs] || '17px'; document.documentElement.style.fontSize = sizes[fs] || '21px';
})(); })();
</script> </script>
<link rel="stylesheet" href="/static/style.css"> <link rel="stylesheet" href="/static/style.css">

View File

@@ -626,7 +626,6 @@
align-items: stretch; align-items: stretch;
gap: 4px; gap: 4px;
flex-shrink: 0; flex-shrink: 0;
width: 80px;
} }
/* Send button */ /* Send button */
@@ -635,10 +634,11 @@
border: 1px solid var(--user-border); border: 1px solid var(--user-border);
color: var(--text); color: var(--text);
border-radius: 8px; border-radius: 8px;
padding: 10px 0; padding: 10px 14px;
cursor: pointer; cursor: pointer;
font-size: 0.9rem; font-size: 0.9rem;
text-align: center; text-align: center;
white-space: nowrap;
transition: background 0.15s; transition: background 0.15s;
} }