LeoVasanko/passkey-auth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: LeoVasanko:a5af6444046ded591108e99b85d165a244c946aa
Branches Tags
LeoVasanko:main
..
compare: LeoVasanko:30ab73d62528a2be509959cb9037fab300f9d3aa
Branches Tags
LeoVasanko:main

No commits in common. "a5af6444046ded591108e99b85d165a244c946aa" and "30ab73d62528a2be509959cb9037fab300f9d3aa" have entirely different histories.
a5af644404 ... 30ab73d625

1 changed files with 13 additions and 13 deletions
Show Stats Expand all files Collapse all files

26
frontend/src/components/DeviceLinkView.vue
View File

@ -1,23 +1,23 @@
<template>
<div class="container">
<div class="view active">
<h1>📱 Add Another Device</h1>
<h1>📱 Add Device</h1>
<div class="device-link-section">
<h2>Device Addition Link</h2>
<div class="qr-container">
<a :href="url" id="deviceLinkText" @click="copyLink">
<canvas id="qrCode" class="qr-code"></canvas>
<p v-if="url">
<canvas id="qrCode" class="qr-code"></canvas>
<p v-if="url">
<a :href="url" id="deviceLinkText" @click="copyLink">
{{ url.replace(/^[^:]+:\/\//, '') }}
</p>
<p v-else>
<em>Generating link...</em>
</p>
</a>
<p>
<strong>Scan and visit the URL on another device.</strong><br>
<small>⚠️ Expires in 24 hours and can only be used once.</small>
</a>
</p>
</div>
<p>
<strong>Scan and visit the URL on another device.</strong><br>
<small>⚠️ Expires in 24 hours and can only be used once.</small>
</p>
</div>
<button @click="authStore.currentView = 'profile'" class="btn-secondary">
@ -55,7 +55,7 @@ onMounted(async () => {
// Generate QR code
const qrCodeElement = document.getElementById('qrCode')
if (qrCodeElement) {
QRCode.toCanvas(qrCodeElement, url.value, {scale: 8 }, error => {
QRCode.toCanvas(qrCodeElement, url.value, error => {
if (error) console.error('Failed to generate QR code:', error)
})
}