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

Fix collapse carrot positioning...

Browse Source
This commit is contained in:
jahooma 2021-12-18 18:11:40 -06:00
parent 5be7ce5f8f
commit 86e323bf25
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -107,14 +107,14 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
<div <div
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 relative',
collapsed ? 'collapse-close' : 'collapse-open pb-2' collapsed ? 'collapse-close' : 'collapse-open pb-2'
)} )}
onClick={() => setCollapsed((collapsed) => !collapsed)} onClick={() => setCollapsed((collapsed) => !collapsed)}
> >
<Row className="flex-wrap gap-4"> <Row className="flex-wrap gap-4">
<Col className="flex-[2] gap-1"> <Col className="flex-[2] gap-1">
<Row> <Row className="mr-10">
<Link href={path(contract)}> <Link href={path(contract)}>
<a <a
className="font-medium text-indigo-700 hover:underline hover:decoration-indigo-400 hover:decoration-2" className="font-medium text-indigo-700 hover:underline hover:decoration-indigo-400 hover:decoration-2"
@ -126,8 +126,8 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
{/* Show carrot for collapsing. Hack the positioning. */} {/* Show carrot for collapsing. Hack the positioning. */}
<div <div
className="collapse-title flex-1 p-0 pr-8 relative w-0 h-0 min-h-0" className="collapse-title p-0 absolute w-0 h-0 min-h-0"
style={{ top: -10, right: -20 }} style={{ top: -10, right: 4 }}
/> />
</Row> </Row>
@ -147,7 +147,7 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
</Col> </Col>
<MyBetsSummary <MyBetsSummary
className="flex-1 justify-end" className="flex-1 justify-end mr-8"
contract={contract} contract={contract}
bets={bets} bets={bets}
/> />