fix: little box typey thing

This commit is contained in:
Brooklyn Nicholson 2026-04-12 16:31:30 -05:00
parent 8efd3db1b4
commit 4b026d6761
6 changed files with 142 additions and 62 deletions

View file

@ -1,15 +1,18 @@
import { Box, Text, TextInput } from '@hermes/ink'
import { Box, Text } from '@hermes/ink'
import { useState } from 'react'
import type { Theme } from '../theme.js'
import { TextInput } from './textInput.js'
export function MaskedPrompt({
cols = 80,
icon,
label,
onSubmit,
sub,
t
}: {
cols?: number
icon: string
label: string
onSubmit: (v: string) => void
@ -27,7 +30,7 @@ export function MaskedPrompt({
<Box>
<Text color={t.color.label}>{'> '}</Text>
<TextInput mask="*" onChange={setValue} onSubmit={onSubmit} value={value} />
<TextInput columns={Math.max(20, cols - 6)} mask="*" onChange={setValue} onSubmit={onSubmit} value={value} />
</Box>
</Box>
)