diff --git a/PolyPilot/Components/Pages/Settings.razor b/PolyPilot/Components/Pages/Settings.razor index c251e115ef..db2d53dfc3 100644 --- a/PolyPilot/Components/Pages/Settings.razor +++ b/PolyPilot/Components/Pages/Settings.razor @@ -178,7 +178,8 @@ @if (!string.IsNullOrEmpty(qrCodeDataUri)) {
- QR Code + QR Code +

Scan with PolyPilot on iOS/Android to connect

} @@ -244,7 +245,8 @@ @if (!string.IsNullOrEmpty(directQrCodeDataUri)) {
- QR Code + QR Code +

Scan with PolyPilot on iOS/Android to connect

} @@ -544,6 +546,8 @@ private bool tunnelLoggedIn; private bool tunnelBusy; private bool showToken; + private bool showQrCode; + private bool showDirectQrCode; private string? qrCodeDataUri; private string? directQrCodeDataUri; private List localIps = new(); diff --git a/PolyPilot/Components/Pages/Settings.razor.css b/PolyPilot/Components/Pages/Settings.razor.css index 75df77961a..7aeccea161 100644 --- a/PolyPilot/Components/Pages/Settings.razor.css +++ b/PolyPilot/Components/Pages/Settings.razor.css @@ -733,13 +733,31 @@ .qr-code img.blurred { filter: blur(8px); - cursor: pointer; } .qr-code img.blurred:hover { filter: blur(4px); } +.qr-reveal-btn { + background: var(--control-bg); + border: 1px solid var(--border-subtle); + border-radius: 6px; + color: var(--text-dim); + cursor: pointer; + padding: 4px 8px; + display: inline-flex; + align-items: center; + gap: 4px; + margin-top: 0.4rem; + transition: background 0.15s ease, color 0.15s ease; +} + +.qr-reveal-btn:hover { + background: var(--bg-hover); + color: var(--text-primary); +} + .qr-hint { font-size: var(--type-callout); color: var(--text-dim);