diff --git a/web/components/bet-row.tsx b/web/components/bet-row.tsx index ffe9fb3c..ad442a20 100644 --- a/web/components/bet-row.tsx +++ b/web/components/bet-row.tsx @@ -1,4 +1,4 @@ -/* This example requires Tailwind CSS v2.0+ */ +import clsx from 'clsx' import { Fragment, useState } from 'react' import { Dialog, Transition } from '@headlessui/react' import { Contract } from '../lib/firebase/contracts' @@ -10,7 +10,9 @@ import { YesNoSelector } from './yes-no-selector' export default function BetRow(props: { contract: Contract className?: string + labelClassName?: string }) { + const { className, labelClassName } = props const [open, setOpen] = useState(false) const [betChoice, setBetChoice] = useState<'YES' | 'NO' | undefined>( undefined @@ -18,23 +20,27 @@ export default function BetRow(props: { return ( <> - -
Place a trade
- { - setOpen(true) - setBetChoice(choice) - }} - /> -
- - - +
+ +
+ Place a trade +
+ { + setOpen(true) + setBetChoice(choice) + }} + /> +
+ + + +
) } diff --git a/web/components/contract-feed.tsx b/web/components/contract-feed.tsx index d0ea5c2f..3ed63329 100644 --- a/web/components/contract-feed.tsx +++ b/web/components/contract-feed.tsx @@ -626,8 +626,9 @@ export function ContractFeed(props: { comments: Comment[] // Feed types: 'activity' = Activity feed, 'market' = Comments feed on a market feedType: 'activity' | 'market' + betRowClassName?: string }) { - const { contract, feedType } = props + const { contract, feedType, betRowClassName } = props const { id } = contract const [expanded, setExpanded] = useState(false) const user = useUser() @@ -702,7 +703,10 @@ export function ContractFeed(props: { ))} {tradingAllowed(contract) && ( - + )} ) diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx index f450d22b..d8b45fb1 100644 --- a/web/components/contract-overview.tsx +++ b/web/components/contract-overview.tsx @@ -52,7 +52,7 @@ export const ContractOverview = (props: { - + - + @@ -109,6 +113,7 @@ export const ContractOverview = (props: { bets={bets} comments={comments} feedType="market" + betRowClassName="md:hidden !mt-0" /> )