fix(tui): pin dialog select footer to bottom (#29878)

This commit is contained in:
Shoubhit Dash
2026-05-29 16:43:50 +05:30
committed by GitHub
parent 5764f19937
commit 7da2620078
@@ -354,7 +354,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
const right = createMemo(() => visibleActions().filter((item) => item.side === "right")) const right = createMemo(() => visibleActions().filter((item) => item.side === "right"))
return ( return (
<box gap={1} paddingBottom={1}> <box gap={1} paddingBottom={1} flexGrow={1}>
<box paddingLeft={4} paddingRight={4}> <box paddingLeft={4} paddingRight={4}>
<box flexDirection="row" justifyContent="space-between"> <box flexDirection="row" justifyContent="space-between">
<text fg={theme.text} attributes={TextAttributes.BOLD}> <text fg={theme.text} attributes={TextAttributes.BOLD}>
@@ -391,6 +391,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
</box> </box>
</Show> </Show>
</box> </box>
<box flexGrow={1} flexShrink={1}>
<Show <Show
when={grouped().length > 0} when={grouped().length > 0}
fallback={ fallback={
@@ -491,6 +492,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
</For> </For>
</scrollbox> </scrollbox>
</Show> </Show>
</box>
<Show when={visibleActions().length} fallback={<box flexShrink={0} />}> <Show when={visibleActions().length} fallback={<box flexShrink={0} />}>
<box <box
paddingRight={2} paddingRight={2}