From 00ff350cd7b84509e1e20d05ce36b87f3b8bc70f Mon Sep 17 00:00:00 2001
From: Ben Woodward <ben@bdw.to>
Date: Thu, 29 Jul 2021 09:35:14 -0700
Subject: QR Code sharpness (#139)

* resolved issue #82

* added max and min widht at style.css

* render as svg

* added credits to the pt-br language and runned fmt.write

Co-authored-by: ismaelpereira <ismaelfgpereira@gmail.com>
---
 src/components/Card.js   | 1 +
 src/components/style.css | 2 ++
 2 files changed, 3 insertions(+)

(limited to 'src/components')

diff --git a/src/components/Card.js b/src/components/Card.js
index f0943e2..ee9d8d4 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -94,6 +94,7 @@ export const Card = ({ direction = 'ltr' }) => {
             }
             value={qrvalue}
             size={175}
+            renderAs="svg"
           />
 
           <div className="inputs">
diff --git a/src/components/style.css b/src/components/style.css
index e6973f0..c9dbb54 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -15,6 +15,8 @@
 
 .qrcode {
   margin-bottom: 1em;
+  max-width: 175px;
+  min-width: 175px;
 }
 
 .hidden {
-- 
cgit v1.2.3