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

Bring back collapse animation by moving padding from card.

Browse Source
This commit is contained in:
jahooma 2021-12-16 22:27:22 -06:00
parent e82b66959b
commit 1c4a834696
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/bets-list.tsx
View File

@ -96,7 +96,7 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
tabIndex={0} tabIndex={0}
className={clsx( className={clsx(
'p-6 bg-white card card-body shadow-xl collapse collapse-arrow cursor-pointer', 'p-6 bg-white card card-body shadow-xl collapse collapse-arrow cursor-pointer',
collapsed ? 'collapse-close' : 'collapse-open' collapsed ? 'collapse-close' : 'collapse-open pb-2'
)} )}
onClick={() => setCollapsed((collapsed) => !collapsed)} onClick={() => setCollapsed((collapsed) => !collapsed)}
> >
@ -143,10 +143,7 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
</Row> </Row>
</Row> </Row>
<div <div className="collapse-content" style={{ backgroundColor: 'white' }}>
className="collapse-content"
style={{ backgroundColor: 'white', paddingBottom: 0 }}
>
<Spacer h={8} /> <Spacer h={8} />
<ContractBetsTable contract={contract} bets={bets} /> <ContractBetsTable contract={contract} bets={bets} />