Fix embed style (adjust input, strikethrough)

This commit is contained in:
Sinclair Chen 2022-09-30 15:56:10 -07:00
parent 1fc2f15dae
commit 4fc7813a7b
3 changed files with 6 additions and 8 deletions

View File

@ -42,8 +42,8 @@ export function AmountInput(props: {
return ( return (
<> <>
<Col className={className}> <Col className={className}>
<label className="font-sm md:font-lg"> <label className="font-sm md:font-lg relative">
<span className={clsx('text-greyscale-4 absolute ml-2 mt-[9px]')}> <span className="text-greyscale-4 absolute top-1/2 my-auto ml-2 -translate-y-1/2">
{label} {label}
</span> </span>
<input <input

View File

@ -211,7 +211,9 @@ export function BinaryResolutionOrChance(props: {
const probChanged = before !== after const probChanged = before !== after
return ( return (
<Col className={clsx(large ? 'text-4xl' : 'text-3xl', className)}> <Col
className={clsx('items-end', large ? 'text-4xl' : 'text-3xl', className)}
>
{resolution ? ( {resolution ? (
<> <>
<div <div

View File

@ -79,11 +79,7 @@ const BinaryOverview = (props: { contract: BinaryContract; bets: Bet[] }) => {
<ContractDetails contract={contract} /> <ContractDetails contract={contract} />
<Row className="justify-between gap-4"> <Row className="justify-between gap-4">
<OverviewQuestion text={contract.question} /> <OverviewQuestion text={contract.question} />
<BinaryResolutionOrChance <BinaryResolutionOrChance contract={contract} large />
className="flex items-end"
contract={contract}
large
/>
</Row> </Row>
</Col> </Col>
<BinaryContractChart contract={contract} bets={bets} /> <BinaryContractChart contract={contract} bets={bets} />