Update placement of bet button on mobile for FR answer feed item

This commit is contained in:
James Grugett 2022-04-18 17:16:05 -05:00
parent 9b49e02589
commit 3d72a6f010

View File

@ -611,7 +611,7 @@ function FeedAnswerGroup(props: {
<UserLink username={username} name={name} /> answered <UserLink username={username} name={name} /> answered
</div> </div>
<Row className="align-items justify-between gap-4"> <Col className="align-items justify-between gap-4 sm:flex-row">
<span className="whitespace-pre-line text-lg"> <span className="whitespace-pre-line text-lg">
<Linkify text={text} /> <Linkify text={text} />
</span> </span>
@ -627,13 +627,13 @@ function FeedAnswerGroup(props: {
</span> </span>
<BuyButton <BuyButton
className={clsx( className={clsx(
'btn-sm hidden flex-initial !px-6 sm:flex', 'btn-sm flex-initial !px-6 sm:flex',
tradingAllowed(contract) ? '' : '!hidden' tradingAllowed(contract) ? '' : '!hidden'
)} )}
onClick={() => setOpen(true)} onClick={() => setOpen(true)}
/> />
</Row> </Row>
</Row> </Col>
</Col> </Col>
</Row> </Row>
@ -656,15 +656,6 @@ function FeedAnswerGroup(props: {
</div> </div>
</div> </div>
))} ))}
<div
className={clsx('ml-10 mt-4', tradingAllowed(contract) ? '' : 'hidden')}
>
<BuyButton
className="btn-sm !px-6 sm:hidden"
onClick={() => setOpen(true)}
/>
</div>
</Col> </Col>
) )
} }