mirror of
https://github.com/apotdevin/thunderhub.git
synced 2025-02-22 14:22:33 +01:00
chore: 🔧 qrcode white padding
This commit is contained in:
parent
87f27d39bd
commit
82c052d0df
2 changed files with 10 additions and 4 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue