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

Improve donate box UI in mid-size window (#126)

Browse Source
This commit is contained in:
Sinclair Chen 2022-05-03 13:36:00 -07:00 committed by GitHub
parent abf23a1462
commit f2217d1d8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/page.tsx
View File

@ -32,7 +32,7 @@ export function Page(props: {
{children} {children}
{/* If right sidebar is hidden, place its content at the bottom of the page. */} {/* If right sidebar is hidden, place its content at the bottom of the page. */}
<div className="block xl:hidden">{rightSidebar}</div> <div className="mt-4 block xl:hidden">{rightSidebar}</div>
</main> </main>
<aside className="hidden xl:col-span-3 xl:block"> <aside className="hidden xl:col-span-3 xl:block">
<div className="sticky top-4 space-y-4">{rightSidebar}</div> <div className="sticky top-4 space-y-4">{rightSidebar}</div>

4
web/pages/charity/[charitySlug].tsx
View File

@ -215,8 +215,8 @@ function DonationBox(props: {
/> />
<Col className="mt-3 w-full gap-3"> <Col className="mt-3 w-full gap-3">
<Row className="items-center justify-between text-sm"> <Row className="items-center text-sm xl:justify-between">
<span className="text-gray-500">{charity.name} receives</span> <span className="mr-1 text-gray-500">{charity.name} receives</span>
<span>{manaToUSD(amount || 0)}</span> <span>{manaToUSD(amount || 0)}</span>
</Row> </Row>
{/* TODO: matching pool */} {/* TODO: matching pool */}