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

Clean up style on Get M$

Browse Source
This commit is contained in:
Austin Chen 2022-10-05 09:29:40 -04:00
parent 9e3477970d
commit af3a3a3934
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/pages/add-funds.tsx
View File

@ -9,6 +9,7 @@ import { Page } from 'web/components/page'
import { useTracking } from 'web/hooks/use-tracking' import { useTracking } from 'web/hooks/use-tracking'
import { trackCallback } from 'web/lib/service/analytics' import { trackCallback } from 'web/lib/service/analytics'
import { redirectIfLoggedOut } from 'web/lib/firebase/server-auth' import { redirectIfLoggedOut } from 'web/lib/firebase/server-auth'
import { Button } from 'web/components/button'
export const getServerSideProps = redirectIfLoggedOut('/') export const getServerSideProps = redirectIfLoggedOut('/')
@ -33,15 +34,15 @@ export default function AddFundsPage() {
<Col className="h-full rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md"> <Col className="h-full rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md">
<Title className="!mt-0" text="Get Mana" /> <Title className="!mt-0" text="Get Mana" />
<img <img
className="mb-6 block -scale-x-100 self-center" className="mb-6 block self-center"
src="/stylized-crane-black.png" src="/welcome/manipurple.png"
width={200} width={200}
height={200} height={200}
/> />
<div className="mb-6 text-gray-500"> <div className="mb-6 text-gray-500">
Buy mana (M$) to trade in your favorite markets. <br /> (Not Buy mana (M$) to trade in your favorite markets. <br />{' '}
redeemable for cash.) <i>Not redeemable for cash.</i>
</div> </div>
<div className="mb-2 text-sm text-gray-500">Amount</div> <div className="mb-2 text-sm text-gray-500">Amount</div>
@ -63,13 +64,14 @@ export default function AddFundsPage() {
method="POST" method="POST"
className="mt-8" className="mt-8"
> >
<button <Button
type="submit" color="gradient"
className="btn btn-primary w-full bg-gradient-to-r from-indigo-500 to-blue-500 font-medium hover:from-indigo-600 hover:to-blue-600" size="xl"
className="w-full"
onClick={trackCallback('checkout', { amount: amountSelected })} onClick={trackCallback('checkout', { amount: amountSelected })}
> >
Checkout Checkout
</button> </Button>
</form> </form>
</Col> </Col>
</Col> </Col>