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

Use an off-white background, darker text

Browse Source
This commit is contained in:
Austin Chen 2021-12-10 16:44:20 -08:00
parent 2c39e1c4c4
commit 0de7c67fcb
5 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -50,7 +50,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
return ( return (
<Col <Col
className={clsx('bg-gray-100 p-6 rounded w-full md:w-auto', className)} className={clsx('bg-gray-200 p-6 rounded w-full md:w-auto', className)}
> >
<div className="p-2 font-medium">Pick outcome</div> <div className="p-2 font-medium">Pick outcome</div>
<YesNoSelector <YesNoSelector

8
web/components/contracts-list.tsx
View File

@ -6,10 +6,10 @@ function ContractCard(props: { contract: Contract }) {
return ( return (
<li> <li>
<Link href={`/contract/${contract.id}`}> <Link href={`/contract/${contract.id}`}>
<a className="block hover:bg-gray-200"> <a className="block hover:bg-gray-300">
<div className="px-4 py-4 sm:px-6"> <div className="px-4 py-4 sm:px-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<p className="text-sm font-medium text-green-600 truncate"> <p className="text-sm font-medium text-green-700 truncate">
{contract.question} {contract.question}
</p> </p>
<div className="ml-2 flex-shrink-0 flex"> <div className="ml-2 flex-shrink-0 flex">
@ -52,8 +52,8 @@ function ContractCard(props: { contract: Contract }) {
export function ContractsList(props: { contracts: Contract[] }) { export function ContractsList(props: { contracts: Contract[] }) {
const { contracts } = props const { contracts } = props
return ( return (
<div className="bg-gray-100 shadow overflow-hidden sm:rounded-md max-w-4xl w-full"> <div className="bg-gray-200 shadow overflow-hidden sm:rounded-md max-w-4xl w-full">
<ul role="list" className="divide-y divide-gray-200"> <ul role="list" className="divide-y divide-gray-300">
{contracts.map((contract) => ( {contracts.map((contract) => (
<ContractCard contract={contract} key={contract.id} /> <ContractCard contract={contract} key={contract.id} />
))} ))}

4
web/pages/_document.tsx
View File

@ -2,7 +2,7 @@ import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() { export default function Document() {
return ( return (
<Html data-theme="mantic" className="h-full"> <Html data-theme="mantic" className="min-h-screen">
<Head> <Head>
<title>Mantic Markets</title> <title>Mantic Markets</title>
@ -57,7 +57,7 @@ export default function Document() {
}} }}
/> />
</Head> </Head>
<body className="h-full font-readex-pro"> <body className="min-h-screen font-readex-pro bg-base-200">
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>

2
web/pages/account.tsx
View File

@ -46,7 +46,7 @@ export default function Account() {
</div> </div>
</div> </div>
<h1 className="text-2xl font-major-mono text-green-600 font-bold mt-6 mb-4"> <h1 className="text-2xl font-major-mono text-green-700 font-bold mt-6 mb-4">
Your markets Your markets
</h1> </h1>
<ContractsList contracts={contracts} /> <ContractsList contracts={contracts} />

6
web/pages/contract/index.tsx
View File

@ -55,10 +55,10 @@ export default function NewContract() {
<div> <div>
<Header /> <Header />
<div className="max-w-4xl py-12 lg:mx-auto px-4"> <div className="max-w-4xl py-12 lg:mx-auto px-4">
<h1 className="text-2xl font-major-mono text-green-600 font-bold my-6"> <h1 className="text-2xl font-major-mono text-green-700 font-bold my-6">
Create a new prediction market Create a new prediction market
</h1> </h1>
<div className="w-full bg-gray-100 rounded-lg shadow-xl p-6"> <div className="w-full bg-gray-200 rounded-lg shadow-xl p-6">
{/* Create a Tailwind form that takes in all the fields needed for a new contract */} {/* Create a Tailwind form that takes in all the fields needed for a new contract */}
{/* When the form is submitted, create a new contract in the database */} {/* When the form is submitted, create a new contract in the database */}
<form> <form>
@ -176,7 +176,7 @@ export default function NewContract() {
<Spacer h={10} /> <Spacer h={10} />
{/* Show a separate card for each contract */} {/* Show a separate card for each contract */}
<h1 className="text-2xl font-major-mono text-green-600 font-bold my-6"> <h1 className="text-2xl font-major-mono text-green-700 font-bold my-6">
Your markets Your markets
</h1> </h1>