Needs display class and modal attribute

2024-12-18 12:38:45 -06:00
parent 3d2f3b8055
commit eeb269adad
2 changed files with 7 additions and 1 deletions
@@ -251,6 +251,12 @@
  }
 }

+/* QR Codes */
+.qr-code {
+  aspect-ratio: 1;
+  block-size: 50dvh;
+}
+
 /* Accessibility */
 .for-screen-reader {
  block-size: 1px;
@@ -9,7 +9,7 @@
  </label>

  <div class="flex align-center gap">
-    <div data-controller="dialog" class="flex-inline">
+    <div data-controller="dialog" data-dialog-modal-value="true" class="flex-inline">
      <%= tag.button class: "btn", data: { action: "dialog#open" } do %>
        <%= image_tag "qr-code.svg", aria: { hidden: "true" }, size: 24, class: "colorize--black" %>
        <span class="for-screen-reader">Show join link QR code</span>