This commit is contained in:
shocknet-justin 2025-10-09 20:34:38 -04:00
parent 312d6e3d37
commit cc62e72b1d
3 changed files with 37 additions and 7 deletions

View file

@ -29,9 +29,37 @@
/* prevent overlap: hide connect string until revealed; click surface on box */
.qrcode-box #connectString { display: none; }
.qrcode-box.revealed #connectString { display: block; }
.qrcode-box #qrcode { pointer-events: none; }
.qrcode-box { cursor: pointer; }
/* QR viewport and veil overlay */
.qrcode-viewport {
position: relative;
width: 100%;
height: 175px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.qrcode-viewport #qrcode {
position: absolute;
width: 157px;
height: 157px;
}
.qrcode-viewport .qr-veil {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
background: rgba(0,0,0,0.25);
color: #c434e0;
font-size: 12px;
}
.qrcode-box.revealed .qr-veil { display: none; }
.qrcode-box-clicked::before {
content: "";
position: absolute;