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

This commit is contained in:
Ryan Vogel
2026-01-12 15:57:49 -05:00
committed by GitHub
parent c474380684
commit 983f8ffeca

View File

@@ -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 height={3} width="100%" maxWidth={75} alignItems="center" paddingTop={2}>
<box width="100%" maxWidth={75} paddingTop={2} alignItems="center"> <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}>