fix(tui): pin dialog select footer to bottom (#29878)
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user