un-daisy input groups
This commit is contained in:
parent
711e2e68ed
commit
19656b4a56
|
@ -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"
|
||||||
|
|
|
@ -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,8 +8,7 @@ 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}
|
||||||
|
@ -24,6 +22,5 @@ export function ProbabilitySelector(props: {
|
||||||
/>
|
/>
|
||||||
<span>%</span>
|
<span>%</span>
|
||||||
</label>
|
</label>
|
||||||
</Row>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user