chore: 🔧 qrcode white padding

This commit is contained in:
Anthony Potdevin 2020-08-05 23:14:42 +02:00
parent 87f27d39bd
commit 82c052d0df
No known key found for this signature in database
GPG key ID: 4403F1DFBE779457
2 changed files with 10 additions and 4 deletions

View file

@ -34,8 +34,11 @@ const WrapRequest = styled.div`
`;
const QRWrapper = styled.div`
width: 200px;
width: 280px;
height: 280px;
margin: 16px;
background: white;
padding: 16px;
`;
const Column = styled.div`
@ -64,7 +67,7 @@ export const CreateInvoiceCard = ({ color }: { color: string }) => {
const renderQr = () => (
<Responsive>
<QRWrapper>
<QRCode value={`lightning:${request}`} renderAs={'svg'} size={200} />
<QRCode value={`lightning:${request}`} renderAs={'svg'} size={248} />
</QRWrapper>
<Column>
<WrapRequest>{request}</WrapRequest>

View file

@ -37,8 +37,11 @@ const WrapRequest = styled.div`
`;
const QRWrapper = styled.div`
width: 200px;
width: 280px;
height: 280px;
margin: 16px;
background: white;
padding: 16px;
`;
const Column = styled.div`
@ -76,7 +79,7 @@ export const ReceiveOnChainCard = () => {
{data && data.createAddress ? (
<Responsive>
<QRWrapper>
<QRCode value={data.createAddress} renderAs={'svg'} size={200} />
<QRCode value={data.createAddress} renderAs={'svg'} size={248} />
</QRWrapper>
<Column>
<WrapRequest>{data.createAddress}</WrapRequest>