fix(tui): Add width=100% to tips text and remove container constraints

This commit is contained in:
01luyicheng
2026-02-01 11:17:02 +08:00
parent c9fe73dacc
commit 8aca8e77e2
2 changed files with 2 additions and 2 deletions

View File

@@ -40,7 +40,7 @@ export function Tips() {
<text flexShrink={0} style={{ fg: theme.warning }}> <text flexShrink={0} style={{ fg: theme.warning }}>
Tip{" "} Tip{" "}
</text> </text>
<text flexShrink={1} wrapMode="word"> <text flexShrink={1} wrapMode="word" width="100%">
<For each={parts}> <For each={parts}>
{(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>} {(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
</For> </For>

View File

@@ -105,7 +105,7 @@ export function Home() {
hint={Hint} hint={Hint}
/> />
</box> </box>
<box width="100%" maxWidth={75} alignItems="center" paddingTop={2}> <box width="100%" paddingTop={2}>
<Show when={showTips()}> <Show when={showTips()}>
<Tips /> <Tips />
</Show> </Show>