avoid layout-shift for qr-codes

9001 · Nov 22, 2024 · 5afb562 · 5afb562
1 parent db069c3
commit 5afb562
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
@@ -4673,7 +4673,7 @@ var fileman = (function () {
 				return;
 			}
 			surl = surl.slice(15).trim();
-			var txt = esc(surl) + '<img class="b64" src="' + surl + '?qr" />';
+			var txt = esc(surl) + '<img class="b64" width="100" height="100" src="' + surl + '?qr" />';
 			modal.confirm(txt + L.fs_ok, function() {
 				cliptxt(surl, function () {
 					toast.ok(2, L.clipped);

diff --git a/copyparty/web/shares.js b/copyparty/web/shares.js
@@ -45,7 +45,7 @@ function qr(e) {
 
 function showqr(href) {
     var vhref = href.replace('?qr&', '?').replace('?qr', '');
-    modal.alert(esc(vhref) + '<img class="b64" src="' + href + '" />');
+    modal.alert(esc(vhref) + '<img class="b64" width="100" height="100" src="' + href + '" />');
 }
 
 (function() {

diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
@@ -322,6 +322,8 @@ html.y #tth {
 	margin: .1em auto;
 	width: 60%;
 	height: 60%;
+	background: #999;
+	background: rgba(128,128,128,0.2);
 }
 #modalb {
 	position: sticky;