Fix qr code size

ThePotatoArchivist · May 29, 2024 · aba1c6b · aba1c6b
1 parent d2d12d1
commit aba1c6b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/ConnectionButton.svelte b/src/ConnectionButton.svelte
@@ -76,7 +76,9 @@
         </button>
     </div>
 
-    <QRCode data={link} isResponsive />
+    <div class="qr-container">
+        <QRCode data={link} isResponsive />
+    </div>
 </DialogButton>
 
 <style>
@@ -107,6 +109,10 @@
         margin-bottom: 1em;
     }
     
+    .qr-container {
+        display: contents;
+    }
+    
     button {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;

diff --git a/src/app.css b/src/app.css
@@ -106,3 +106,9 @@ svg {
   height: 1.5em;
   width: 1.5em;
 }
+
+.qr-container svg {
+  display: initial;
+  height: auto;
+  width: auto;
+}