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

Add box shadows to all cards

Browse Source
This commit is contained in:
Austin Chen 2021-12-10 16:49:57 -08:00
parent 5457cb39b3
commit 74c314d95c
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -50,7 +50,10 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
return ( return (
<Col <Col
className={clsx('bg-gray-200 p-6 rounded w-full md:w-auto', className)} className={clsx(
'bg-gray-200 shadow-xl 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

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

@ -52,7 +52,7 @@ 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-200 shadow overflow-hidden sm:rounded-md max-w-4xl w-full"> <div className="bg-gray-200 shadow-xl overflow-hidden sm:rounded-md max-w-4xl w-full">
<ul role="list" className="divide-y divide-gray-300"> <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} />