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 (
<>
<Col className={className}>
<label className="font-sm md:font-lg">
<span className={clsx('text-greyscale-4 absolute ml-2 mt-[9px]')}>
<label className="font-sm md:font-lg relative">
<span className="text-greyscale-4 absolute top-1/2 my-auto ml-2 -translate-y-1/2">
{label}
</span>
<input

View File

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

View File

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