fix(tui): prevent layout jump when toggling tips visibility (#8068)
This commit is contained in:
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user