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}
{/* 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>
<aside className="hidden xl:col-span-3 xl:block">
<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">
<Row className="items-center justify-between text-sm">
<span className="text-gray-500">{charity.name} receives</span>
<Row className="items-center text-sm xl:justify-between">
<span className="mr-1 text-gray-500">{charity.name} receives</span>
<span>{manaToUSD(amount || 0)}</span>
</Row>
{/* TODO: matching pool */}