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

More layout / style tweaks

Browse Source
This commit is contained in:
jahooma 2021-12-13 22:54:51 -06:00
parent 122e571179
commit 8d7f512248
5 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/bet-panel.tsx
View File

@ -66,7 +66,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
return ( return (
<Col <Col
className={clsx( className={clsx(
'bg-gray-200 shadow-xl px-8 py-6 rounded-md w-full md:w-auto', 'bg-gray-100 shadow-xl px-8 py-6 rounded-md w-full md:w-auto',
className className
)} )}
> >

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

@ -20,7 +20,7 @@ export const ContractOverview = (props: {
return ( return (
<Col className={className}> <Col className={className}>
<Row className="justify-between"> <Col className="justify-between md:flex-row">
<Col> <Col>
<div className="text-3xl font-medium p-2">{contract.question}</div> <div className="text-3xl font-medium p-2">{contract.question}</div>
@ -39,11 +39,11 @@ export const ContractOverview = (props: {
</Row> </Row>
</Col> </Col>
<Col className="text-4xl p-2 mx-2 text-primary items-end"> <Col className="text-4xl mt-4 md:mt-2 md:mx-4 text-primary items-end self-center md:self-start">
{probPercent} {probPercent}
<div className="text-xl">chance</div> <div className="text-xl">chance</div>
</Col> </Col>
</Row> </Col>
<Spacer h={4} /> <Spacer h={4} />

2
web/components/resolution-panel.tsx
View File

@ -34,7 +34,7 @@ export function ResolutionPanel(props: {
return ( return (
<Col <Col
className={clsx( className={clsx(
'bg-gray-200 shadow-xl px-8 py-6 rounded-md w-full md:w-auto', 'bg-gray-100 shadow-xl px-8 py-6 rounded-md w-full md:w-auto',
className className
)} )}
> >

2
web/components/yes-no-selector.tsx
View File

@ -80,7 +80,7 @@ function Button(props: {
color === 'green' && 'btn-primary', color === 'green' && 'btn-primary',
color === 'red' && 'bg-red-400 hover:bg-red-500', color === 'red' && 'bg-red-400 hover:bg-red-500',
color === 'yellow' && 'bg-yellow-400 hover:bg-yellow-500', color === 'yellow' && 'bg-yellow-400 hover:bg-yellow-500',
color === 'gray' && 'text-gray-700 bg-gray-300 hover:bg-gray-400', color === 'gray' && 'text-gray-700 bg-gray-200 hover:bg-gray-300',
className className
)} )}
onClick={onClick} onClick={onClick}

6
web/pages/contract/[contractId].tsx
View File

@ -30,10 +30,10 @@ export default function ContractPage() {
<div className="max-w-7xl mx-auto sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
<Header /> <Header />
<Col className="w-full md:justify-between md:flex-row p-4 mt-4"> <Col className="w-full md:justify-between md:flex-row mt-4">
<ContractOverview contract={contract} className="max-w-4xl w-full" /> <ContractOverview contract={contract} className="max-w-4xl w-full p-4" />
<div className="mt-12 md:mt-0" /> <div className="mt-12 md:mt-0 md:ml-8" />
{isCreator ? ( {isCreator ? (
<ResolutionPanel className="self-start" creator={user} contract={contract} /> <ResolutionPanel className="self-start" creator={user} contract={contract} />