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 (
<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>
<YesNoSelector

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

@ -52,7 +52,7 @@ function ContractCard(props: { contract: Contract }) {
export function ContractsList(props: { contracts: Contract[] }) {
const { contracts } = props
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">
{contracts.map((contract) => (
<ContractCard contract={contract} key={contract.id} />