restyle fund error modal

This commit is contained in:
keyan 2023-08-11 17:02:53 -05:00
parent 63dd5d4d09
commit 39db6e096d
2 changed files with 4 additions and 4 deletions

View File

@ -6,12 +6,12 @@ export default function FundError ({ onClose, amount, onPayment }) {
const createInvoice = useInvoiceable(onPayment, { forceInvoice: true }) const createInvoice = useInvoiceable(onPayment, { forceInvoice: true })
return ( return (
<> <>
<p className='fw-bolder'>you need more sats</p> <p className='fw-bolder text-center'>you need more sats</p>
<div className='d-flex justify-content-end'> <div className='d-flex pb-3 pt-2 justify-content-center'>
<Link href='/wallet?type=fund'> <Link href='/wallet?type=fund'>
<Button variant='success' onClick={onClose}>fund wallet</Button> <Button variant='success' onClick={onClose}>fund wallet</Button>
</Link> </Link>
<span className='d-flex mx-3 font-weight-bold text-muted align-items-center'>or</span> <span className='d-flex mx-3 fw-bold text-muted align-items-center'>or</span>
<Button variant='success' onClick={() => createInvoice(amount)}>pay invoice</Button> <Button variant='success' onClick={() => createInvoice(amount)}>pay invoice</Button>
</div> </div>
</> </>

View File

@ -92,7 +92,7 @@ export function FundForm () {
}, []) }, [])
if (called && !error) { if (called && !error) {
return <QrSkeleton status='generating' /> return <QrSkeleton description status='generating' />
} }
return ( return (