Просмотр исходного кода

tui: wrap dialog option descriptions (#5083)

ry2009 2 месяцев назад
Родитель
Сommit
03324d4277
1 измененных файлов с 4 добавлено и 2 удалено
  1. 4 2
      packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx

+ 4 - 2
packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx

@@ -299,11 +299,13 @@ function Option(props: {
         fg={props.active ? fg : props.current ? theme.primary : theme.text}
         attributes={props.active ? TextAttributes.BOLD : undefined}
         overflow="hidden"
-        wrapMode="none"
+        wrapMode="word"
         paddingLeft={3}
       >
         {Locale.truncate(props.title, 62)}
-        <span style={{ fg: props.active ? fg : theme.textMuted }}> {props.description}</span>
+        <Show when={props.description}>
+          <span style={{ fg: props.active ? fg : theme.textMuted }}> {props.description}</span>
+        </Show>
       </text>
       <Show when={props.footer}>
         <box flexShrink={0}>