Ver código fonte

fix(tui): prevent layout jump when toggling tips visibility (#8068)

Ryan Vogel 1 mês atrás
pai
commit
983f8ffeca
1 arquivos alterados com 5 adições e 4 exclusões
  1. 5 4
      packages/opencode/src/cli/cmd/tui/routes/home.tsx

+ 5 - 4
packages/opencode/src/cli/cmd/tui/routes/home.tsx

@@ -94,6 +94,7 @@ export function Home() {
   return (
   return (
     <>
     <>
       <box flexGrow={1} justifyContent="center" alignItems="center" paddingLeft={2} paddingRight={2} gap={1}>
       <box flexGrow={1} justifyContent="center" alignItems="center" paddingLeft={2} paddingRight={2} gap={1}>
+        <box height={3} />
         <Logo />
         <Logo />
         <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1}>
         <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1}>
           <Prompt
           <Prompt
@@ -104,11 +105,11 @@ export function Home() {
             hint={Hint}
             hint={Hint}
           />
           />
         </box>
         </box>
-        <Show when={showTips()}>
-          <box width="100%" maxWidth={75} paddingTop={2} alignItems="center">
+        <box height={3} width="100%" maxWidth={75} alignItems="center" paddingTop={2}>
+          <Show when={showTips()}>
             <Tips />
             <Tips />
-          </box>
-        </Show>
+          </Show>
+        </box>
         <Toast />
         <Toast />
       </box>
       </box>
       <box paddingTop={1} paddingBottom={1} paddingLeft={2} paddingRight={2} flexDirection="row" flexShrink={0} gap={2}>
       <box paddingTop={1} paddingBottom={1} paddingLeft={2} paddingRight={2} flexDirection="row" flexShrink={0} gap={2}>