summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--packages/opencode/src/cli/cmd/tui/routes/home.tsx15
1 files changed, 10 insertions, 5 deletions
diff --git a/packages/opencode/src/cli/cmd/tui/routes/home.tsx b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
index 59923c69d..c011f6c62 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/home.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
@@ -93,10 +93,14 @@ export function Home() {
return (
<>
- <box flexGrow={1} justifyContent="center" alignItems="center" paddingLeft={2} paddingRight={2} gap={1}>
- <box height={3} />
- <Logo />
- <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1}>
+ <box flexGrow={1} alignItems="center" paddingLeft={2} paddingRight={2}>
+ <box flexGrow={1} minHeight={0} />
+ <box height={4} minHeight={0} flexShrink={1} />
+ <box flexShrink={0}>
+ <Logo />
+ </box>
+ <box height={1} minHeight={0} flexShrink={1} />
+ <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1} flexShrink={0}>
<Prompt
ref={(r) => {
prompt = r
@@ -105,11 +109,12 @@ export function Home() {
hint={Hint}
/>
</box>
- <box height={3} width="100%" maxWidth={75} alignItems="center" paddingTop={2}>
+ <box height={4} minHeight={0} width="100%" maxWidth={75} alignItems="center" paddingTop={3} flexShrink={1}>
<Show when={showTips()}>
<Tips />
</Show>
</box>
+ <box flexGrow={1} minHeight={0} />
<Toast />
</box>
<box paddingTop={1} paddingBottom={1} paddingLeft={2} paddingRight={2} flexDirection="row" flexShrink={0} gap={2}>