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:
@@ -74,7 +74,7 @@ export default function App() {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="h-dvh flex bg-[#1e1e24] text-zinc-300 bg-[radial-gradient(ellipse_at_top,rgba(255,255,255,0.02),transparent_50%),radial_gradient(ellipse_at_bottom_right,rgba(99,102,241,0.04),transparent_50%)]" role="application" aria-label="PinchChat">
|
||||
<div className="h-dvh flex overflow-x-hidden bg-[#1e1e24] text-zinc-300 bg-[radial-gradient(ellipse_at_top,rgba(255,255,255,0.02),transparent_50%),radial_gradient(ellipse_at_bottom_right,rgba(99,102,241,0.04),transparent_50%)]" role="application" aria-label="PinchChat">
|
||||
<Sidebar
|
||||
sessions={sessions}
|
||||
activeSession={activeSession}
|
||||
|
||||
Reference in New Issue
Block a user