fix(web): keep mobile views scrollable and new-session actions reachable (#364)

This commit is contained in:
Qihan
2026-03-26 08:04:58 +08:00
committed by GitHub
parent 92885ddef0
commit 2b133feec5
10 changed files with 33 additions and 14 deletions
+2 -2
View File
@@ -196,7 +196,7 @@ export default function FilePage() {
const diffErrorMessage = diffError ? `Diff unavailable: ${diffError}` : null
return (
<div className="flex h-full flex-col">
<div className="flex h-full min-h-0 flex-col">
<div className="bg-[var(--app-bg)] pt-[env(safe-area-inset-top)]">
<div className="mx-auto w-full max-w-content flex items-center gap-2 p-3 border-b border-[var(--app-border)]">
<button
@@ -249,7 +249,7 @@ export default function FilePage() {
</div>
) : null}
<div className="app-scroll-y flex-1">
<div className="app-scroll-y flex-1 min-h-0">
<div className="mx-auto w-full max-w-content p-4">
{diffErrorMessage ? (
<div className="mb-3 rounded-md bg-amber-500/10 p-2 text-xs text-[var(--app-hint)]">
+2 -2
View File
@@ -306,7 +306,7 @@ export default function FilesPage() {
}, [navigate, sessionId])
return (
<div className="flex h-full flex-col">
<div className="flex h-full min-h-0 flex-col">
<div className="bg-[var(--app-bg)] pt-[env(safe-area-inset-top)]">
<div className="mx-auto w-full max-w-content flex items-center gap-2 p-3 border-b border-[var(--app-border)]">
<button
@@ -390,7 +390,7 @@ export default function FilesPage() {
</div>
) : null}
<div className="app-scroll-y flex-1">
<div className="app-scroll-y flex-1 min-h-0">
<div className="mx-auto w-full max-w-content">
{showGitErrorBanner && activeTab === 'changes' ? (
<div className="border-b border-[var(--app-divider)] bg-amber-500/10 px-3 py-2 text-xs text-[var(--app-hint)]">
+2 -2
View File
@@ -409,7 +409,7 @@ export default function TerminalPage() {
: null
return (
<div className="flex h-full flex-col">
<div className="flex h-full min-h-0 flex-col">
<div className="bg-[var(--app-bg)] pt-[env(safe-area-inset-top)]">
<div className="mx-auto w-full max-w-content flex items-center gap-2 p-3 border-b border-[var(--app-border)]">
<button
@@ -452,7 +452,7 @@ export default function TerminalPage() {
</div>
) : null}
<div className="flex-1 overflow-hidden bg-[var(--app-bg)]">
<div className="flex-1 min-h-0 overflow-hidden bg-[var(--app-bg)]">
<div className="mx-auto h-full w-full max-w-content p-3">
{terminalSupported ? (
<TerminalView onMount={handleTerminalMount} onResize={handleResize} className="h-full w-full" />