p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(cli): adjust SearchBox styling

Browse Source 
Decreased the marginRight property from 2 to 1 in the SearchBox component of the CLI to improve layout. Also modified the placeholder text in the Input field for better readability.
This commit is contained in:
p-sw 2024-06-08 02:08:44 +09:00
parent 0fea1a50e3
commit f4b79f1f02
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/cli/src/components/SearchBox.tsx
View File

@ -61,10 +61,10 @@ export function SearchBox<T extends {key: string; displayName: string}>({
<Box width={50} display={'flex'} flexDirection={'column'}>
<Text color={'gray'}>{helper}</Text>
<Box display={'flex'} flexDirection={'row'}>
<Box marginRight={2} display={'flex'} flexDirection={'row'}>
<Box marginRight={1} display={'flex'} flexDirection={'row'}>
<Text color={'greenBright'}>Search?</Text>
</Box>
<Input value={query} onChange={(v) => setQuery(v)} showCursor placeholder={'query'} onSubmit={onSubmit} />
<Input value={query} onChange={(v) => setQuery(v)} showCursor placeholder={' query'} onSubmit={onSubmit} />
</Box>
<Divider title={isLoading ? 'Loading...' : `${suggestions.length} components found.`} />
<Box display={'flex'} flexDirection={'column'}>