Add QR Code for Keypasses
This commit is contained in:
@@ -418,6 +418,22 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── QR Code modal ─────────────────────────────────────────────────────── -->
|
||||
<div id="qr-modal" class="modal-backdrop hidden">
|
||||
<div class="modal" style="text-align:center;max-width:340px">
|
||||
<h3 style="margin-bottom:.2rem">Keypass QR Code</h3>
|
||||
<p id="qr-modal-desc" style="color:var(--text-muted);font-size:.85rem;margin-bottom:1.25rem"></p>
|
||||
<div style="display:flex;justify-content:center;align-items:center;min-height:220px;background:var(--surface2);border-radius:8px;padding:1rem">
|
||||
<img id="qr-img" src="" alt="QR Code" style="max-width:100%;border-radius:4px;display:block" />
|
||||
</div>
|
||||
<p style="color:var(--text-muted);font-size:.78rem;margin-top:.75rem">Scan to open the app and login automatically.</p>
|
||||
<div class="modal-actions" style="justify-content:center;margin-top:1rem">
|
||||
<button type="button" id="qr-close" class="btn btn-ghost">Close</button>
|
||||
<a id="qr-download" download="keypass-qr.png" class="btn btn-primary" style="text-decoration:none">Download</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Toast ───────────────────────────────────────────────────────────── -->
|
||||
<div id="toast" class="toast hidden" aria-live="assertive"></div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user