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

Rearrange contract overview (-10 LOC!)

Browse Source
This commit is contained in:
James Grugett 2022-03-21 16:19:08 -05:00
parent 2eeaeff92d
commit cf2b54ab8d
2 changed files with 20 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/contract-card.tsx
View File

@ -184,7 +184,7 @@ export function ContractDetails(props: {
return ( return (
<Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap"> <Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap">
<Row className="flex-wrap items-center gap-x-3 gap-y-3"> <Row className="flex-wrap items-center gap-x-4 gap-y-3">
<Row className="items-center gap-2"> <Row className="items-center gap-2">
<Avatar <Avatar
username={creatorUsername} username={creatorUsername}

30
web/components/contract-overview.tsx
View File

@ -34,44 +34,34 @@ export const ContractOverview = (props: {
return ( return (
<Col className={clsx('mb-6', className)}> <Col className={clsx('mb-6', className)}>
<Row className="justify-between gap-4 px-2"> <Col className="gap-4 px-2">
<Col className="gap-4"> <Row className="justify-between gap-4">
<div className="text-2xl text-indigo-700 md:text-3xl"> <div className="text-2xl text-indigo-700 md:text-3xl">
<Linkify text={question} /> <Linkify text={question} />
</div> </div>
<Row className="items-center justify-between gap-4">
{(isBinary || resolution) && ( {(isBinary || resolution) && (
<ResolutionOrChance <ResolutionOrChance
className="md:hidden" className="hidden md:flex items-end"
contract={contract} contract={contract}
large large
/> />
)} )}
</Row>
<Row className="md:hidden items-center justify-between gap-4">
{(isBinary || resolution) && (
<ResolutionOrChance contract={contract} />
)}
{isBinary && tradingAllowed(contract) && ( {isBinary && tradingAllowed(contract) && (
<BetRow <BetRow contract={contract} labelClassName="hidden" />
contract={contract}
className="md:hidden"
labelClassName="hidden"
/>
)} )}
</Row> </Row>
<ContractDetails contract={contract} isCreator={isCreator} /> <ContractDetails contract={contract} isCreator={isCreator} />
</Col> </Col>
{(isBinary || resolution) && (
<Col className="hidden md:flex items-end justify-between">
<ResolutionOrChance
className="items-end"
contract={contract}
large
/>
</Col>
)}
</Row>
<Spacer h={4} /> <Spacer h={4} />
{isBinary ? ( {isBinary ? (