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>

2 files changed, 3 insertions, 0 deletions

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 {