prevent wrap on small screens
This commit is contained in:
parent
82e59e2e2c
commit
45286713c4
1 changed files with 3 additions and 3 deletions
|
|
@ -7,10 +7,10 @@ import type { Session } from "@opencode-ai/sdk/v2"
|
||||||
import { useKeybind } from "../../context/keybind"
|
import { useKeybind } from "../../context/keybind"
|
||||||
import { useTerminalDimensions } from "@opentui/solid"
|
import { useTerminalDimensions } from "@opentui/solid"
|
||||||
|
|
||||||
const Title = (props: { session: Accessor<Session> }) => {
|
const Title = (props: { session: Accessor<Session>; truncate?: boolean }) => {
|
||||||
const { theme } = useTheme()
|
const { theme } = useTheme()
|
||||||
return (
|
return (
|
||||||
<text fg={theme.text}>
|
<text fg={theme.text} wrapMode={props.truncate ? "none" : undefined} flexShrink={props.truncate ? 1 : 0}>
|
||||||
<span style={{ bold: true }}>#</span> <span style={{ bold: true }}>{props.session().title}</span>
|
<span style={{ bold: true }}>#</span> <span style={{ bold: true }}>{props.session().title}</span>
|
||||||
</text>
|
</text>
|
||||||
)
|
)
|
||||||
|
|
@ -96,7 +96,7 @@ export function Header() {
|
||||||
</Match>
|
</Match>
|
||||||
<Match when={true}>
|
<Match when={true}>
|
||||||
<box flexDirection="row" justifyContent="space-between" gap={1}>
|
<box flexDirection="row" justifyContent="space-between" gap={1}>
|
||||||
<Title session={session} />
|
<Title session={session} truncate={!tall()} />
|
||||||
<Show when={showShare()}>
|
<Show when={showShare()}>
|
||||||
<text fg={theme.textMuted} wrapMode="none" flexShrink={0}>
|
<text fg={theme.textMuted} wrapMode="none" flexShrink={0}>
|
||||||
/share{" "}
|
/share{" "}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue