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:
@@ -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) {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user