add border to QR scanner (#877)

13c8903e · Ian Lapham · GitHub · 1d06b47e · 13c8903e
Commit 13c8903e authored Jun 08, 2020 by Ian Lapham Committed by GitHub Jun 08, 2020
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 1 deletion

WalletConnectData.tsx src/components/WalletModal/WalletConnectData.tsx +5 -1

No files found.
--- a/src/components/WalletModal/WalletConnectData.tsx
+++ b/src/components/WalletModal/WalletConnectData.tsx
@@ -10,11 +10,15 @@ const QRCodeWrapper = styled.div`
  margin-bottom: 20px;
 `
+const StyledQRCode = styled(QRCode)`
+  border: 3px solid white;
+`
 interface WalletConnectDataProps {
  uri?: string
  size: number
 }
 export default function WalletConnectData({ uri = '', size }: WalletConnectDataProps) {
-  return <QRCodeWrapper>{uri && <QRCode size={size} value={uri} />}</QRCodeWrapper>
+  return <QRCodeWrapper>{uri && <StyledQRCode size={size} value={uri} />}</QRCodeWrapper>
 }