open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

un-daisy input groups

Browse Source
This commit is contained in:
Sinclair Chen 2022-10-12 13:59:27 -07:00
parent 711e2e68ed
commit 19656b4a56
2 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/probability-input.tsx
View File

@ -30,7 +30,7 @@ export function ProbabilityInput(props: {
return ( return (
<Col className={className}> <Col className={className}>
<label className="input-group"> <label className="flex w-full items-stretch">
<Input <Input
className={clsx('max-w-[200px] !text-lg', inputClassName)} className={clsx('max-w-[200px] !text-lg', inputClassName)}
type="number" type="number"

31
web/components/probability-selector.tsx
View File

@ -1,5 +1,4 @@
import { Input } from './input' import { Input } from './input'
import { Row } from './layout/row'
export function ProbabilitySelector(props: { export function ProbabilitySelector(props: {
probabilityInt: number probabilityInt: number
@ -9,21 +8,19 @@ export function ProbabilitySelector(props: {
const { probabilityInt, setProbabilityInt, isSubmitting } = props const { probabilityInt, setProbabilityInt, isSubmitting } = props
return ( return (
<Row className="items-center gap-2"> <label className="flex items-center text-lg">
<label className="input-group input-group-lg text-lg"> <Input
<Input type="number"
type="number" value={probabilityInt}
value={probabilityInt} className="input-md w-28 !text-lg"
className="input-md w-28 !text-lg" disabled={isSubmitting}
disabled={isSubmitting} min={1}
min={1} max={99}
max={99} onChange={(e) =>
onChange={(e) => setProbabilityInt(parseInt(e.target.value.substring(0, 2)))
setProbabilityInt(parseInt(e.target.value.substring(0, 2))) }
} />
/> <span>%</span>
<span>%</span> </label>
</label>
</Row>
) )
} }