From 0d4f4c831e7f27e605ef1d507863d4be2ac7522c Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Mon, 26 Jan 2026 21:54:01 +0100
Subject: [PATCH] Make QR dialogs smaller on desktop

---
 app/views/account/join_codes/show.html.erb | 2 +-
 app/views/users/_transfer.html.erb         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/account/join_codes/show.html.erb b/app/views/account/join_codes/show.html.erb
index f3cfb1e37..ffde42a4f 100644
--- a/app/views/account/join_codes/show.html.erb
+++ b/app/views/account/join_codes/show.html.erb
@@ -39,7 +39,7 @@
         <span>Get QR code</span>
       <% end %>
 
-      <dialog class="dialog panel shadow" data-dialog-target="dialog">
+      <dialog class="dialog panel shadow" data-dialog-target="dialog" style="--panel-size: 50ch;">
         <p class="margin-none-block-start"><strong>Scan this code with the camera on your mobile device</strong></p>
 
         <%= qr_code_image(url) %>
diff --git a/app/views/users/_transfer.html.erb b/app/views/users/_transfer.html.erb
index 13f895ebc..9e00cf905 100644
--- a/app/views/users/_transfer.html.erb
+++ b/app/views/users/_transfer.html.erb
@@ -18,7 +18,7 @@
         <span class="for-screen-reader">Display auto-login QR code</span>
       <% end %>
 
-      <dialog class="dialog panel shadow" data-dialog-target="dialog">
+      <dialog class="dialog panel shadow" data-dialog-target="dialog" style="--panel-size: 50ch;">
         <%= qr_code_image(url) %>
 
         <form method="dialog" class="margin-block-start flex justify-center">