fix: style of pay invoice page on mobile

BoltzExchange · Jan 10, 2020 · 11d5bed · 11d5bed
1 parent 55b5613
commit 11d5bed
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/src/views/reverse/steps/payInvoice.js b/src/views/reverse/steps/payInvoice.js
@@ -81,17 +81,21 @@ class PayInvoice extends React.Component {
 
     return (
       <View className={classes.wrapper}>
-        <View className={classes.qrcode}>
-          <DetectResize>
-            {width =>
-              width <= 375 ? (
-                <QrCode size={200} link={swapResponse.invoice} />
-              ) : (
-                <QrCode size={300} link={swapResponse.invoice} />
-              )
-            }
-          </DetectResize>
-        </View>
+        {window.innerWidth < 768 ? (
+          <div />
+        ) : (
+          <View className={classes.qrcode}>
+            <DetectResize>
+              {width =>
+                width <= 375 ? (
+                  <QrCode size={200} link={swapResponse.invoice} />
+                ) : (
+                  <QrCode size={300} link={swapResponse.invoice} />
+                )
+              }
+            </DetectResize>
+          </View>
+        )}
         <View className={classes.info}>
           <p className={classes.title}>
             Pay this {swapInfo.base} Lightning invoice: