Merge pull request #2456 from nqst/qr-code-in-dark-mode

Improve QR code appearance in dark mode

Author: andyra

app/assets/stylesheets/qr-codes.css

@@ -1,6 +1,8 @@
 @layer components {
   .qr-code {
     aspect-ratio: 1;
-    block-size: 50dvh;
+    border-radius: 1ch;
+    inline-size: clamp(20ch, 50dvh, 70ch);
+    margin-block: var(--block-space);
   }
 }

app/controllers/qr_codes_controller.rb

@@ -6,7 +6,7 @@ def show
 
     qr_code_svg = RQRCode::QRCode
       .new(QrCodeLink.from_signed(params[:id]).url)
-      .as_svg(viewbox: true, fill: :white, color: :black)
+      .as_svg(viewbox: true, fill: :white, color: :black, offset: 16)
 
     render svg: qr_code_svg
   end