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

Clean up charity styles

Browse Source 
- center cards on mobile
- make notes more professional
This commit is contained in:
Sinclair Chen 2022-09-11 11:42:05 -07:00
parent 93033b5b24
commit f8d346a404
1 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -178,7 +178,7 @@ export default function Charity(props: {
className="input input-bordered mb-6 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-4 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-4 self-center lg:max-w-full lg:grid-cols-2 xl:grid-cols-3">
{filterCharities.map((charity) => ( {filterCharities.map((charity) => (
<CharityCard <CharityCard
charity={charity} charity={charity}
@ -203,18 +203,26 @@ export default function Charity(props: {
></iframe> ></iframe>
</div> </div>
<div className="mt-10 text-gray-500"> <div className="prose mt-10 max-w-none text-gray-500">
<span className="font-semibold">Notes</span> <span className="text-lg font-semibold">Notes</span>
<br /> <ul>
- Don't see your favorite charity? Recommend it by emailing <li>
charity@manifold.markets! Don't see your favorite charity? Recommend it by emailing{' '}
<br /> <a href="mailto:charity@manifold.markets?subject=Add%20Charity">
- Manifold is not affiliated with non-Featured charities; we're just charity@manifold.markets
fans of their work. </a>
<br /> !
- As Manifold itself is a for-profit entity, your contributions will </li>
not be tax deductible. <li>
<br />- Donations + matches are wired once each quarter. Manifold is not affiliated with non-Featured charities; we're just
fans of their work.
</li>
<li>
As Manifold itself is a for-profit entity, your contributions will
not be tax deductible.
</li>
<li>Donations + matches are wired once each quarter.</li>
</ul>
</div> </div>
</Col> </Col>
</Page> </Page>