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

Some styles for charity list page

Browse Source
This commit is contained in:
James Grugett 2022-04-25 16:06:07 -04:00
parent 0224305fac
commit 6fff033267
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/pages/charity/index.tsx
View File

@ -39,17 +39,17 @@ export default function Charity() {
return ( return (
<Page> <Page>
<Col className="w-full items-center px-4 sm:px-0"> <Col className="w-full rounded bg-white px-4 py-6 sm:px-8">
<Col className="max-w-xl"> <Col className="max-w-xl">
<Title text="Donate to a charity" /> <Title className="!mt-0" text="Donate to a charity" />
<div className="mb-6 text-gray-500"> <div className="mb-6 text-gray-500">
Exchange your $M for real dollars in the form of charity donations! Exchange your M$ for real dollars in the form of charity donations!
</div> </div>
<input <input
type="text" type="text"
onChange={(e) => debouncedQuery(e.target.value)} onChange={(e) => debouncedQuery(e.target.value)}
placeholder="Search charities" placeholder="Search charities"
className="input input-bordered mb-4 w-full" className="input input-bordered mb-6 w-full"
/> />
</Col> </Col>
<div className="grid max-w-xl grid-flow-row grid-cols-1 gap-3 lg:max-w-full lg:grid-cols-2 xl:grid-cols-3"> <div className="grid max-w-xl grid-flow-row grid-cols-1 gap-3 lg:max-w-full lg:grid-cols-2 xl:grid-cols-3">