fix: mobile viewport overflow — prevent horizontal clipping on iPhone

- Add overflow-x: hidden on html/body and max-width: 100vw
- Add overflow-x: hidden on root app container
- Add overflow-x: hidden on chat scroll container
- Make markdown tables scrollable with display: block + overflow-x: auto
- Add overflow-hidden + min-w-0 on expanded tool call content
- Fix tool result summary max-width from max-w-md to max-w-full

Fixes #26
This commit is contained in:
Nicolas Varrot
2026-02-12 12:42:20 +00:00
parent 7df30d87ee
commit 8ef1b428a3
4 changed files with 9 additions and 7 deletions

View File

@@ -237,14 +237,14 @@ export function ToolCall({ name, input, result }: { name: string; input?: Record
{/* Result summary (always visible if result exists) */}
{result && !open && (
<div className="mt-1 text-[11px] text-zinc-400 pl-2 truncate max-w-md">
<div className="mt-1 text-[11px] text-zinc-400 pl-2 truncate max-w-full">
{truncateResult(result)}
</div>
)}
{/* Expanded content */}
{open && (
<div className={`mt-2 rounded-2xl border ${c.expandBorder} ${c.expandBg} p-3 space-y-2`}>
<div className={`mt-2 rounded-2xl border ${c.expandBorder} ${c.expandBg} p-3 space-y-2 overflow-hidden min-w-0`}>
{inputStr && (
<div>
<div className={`text-[11px] ${c.text} opacity-70 mb-1 font-medium`}>{t('tool.parameters')}</div>