chore: 🔧 qrcode white padding

apotdevin · Aug 5, 2020 · 82c052d · 82c052d
1 parent 87f27d3
commit 82c052d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/views/home/account/createInvoice/CreateInvoice.tsx b/src/views/home/account/createInvoice/CreateInvoice.tsx
@@ -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>

diff --git a/src/views/home/account/receiveOnChain/ReceiveOnChain.tsx b/src/views/home/account/receiveOnChain/ReceiveOnChain.tsx
@@ -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>