summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/components/shared/RadioButtonSelect.tsx')
-rw-r--r--packages/cli/src/ui/components/shared/RadioButtonSelect.tsx13
1 files changed, 6 insertions, 7 deletions
diff --git a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
index 71077f1c..fab0615c 100644
--- a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
+++ b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx
@@ -5,7 +5,7 @@
*/
import React from 'react';
-import { Text } from 'ink';
+import { Text, Box } from 'ink';
import SelectInput, {
type ItemProps as InkSelectItemProps,
type IndicatorProps as InkSelectIndicatorProps,
@@ -78,12 +78,11 @@ export function RadioButtonSelect<T>({
isSelected = false,
}: InkSelectIndicatorProps): React.JSX.Element {
return (
- <Text
- color={isSelected ? Colors.AccentGreen : Colors.Foreground}
- wrap="truncate"
- >
- {isSelected ? '● ' : '○ '}
- </Text>
+ <Box minWidth={2} flexShrink={0}>
+ <Text color={isSelected ? Colors.AccentGreen : Colors.Foreground}>
+ {isSelected ? '●' : '○'}
+ </Text>
+ </Box>
);
}