This commit is contained in:
1 parent
e1d7ae87e3
commit
fd53c75dee
1 file changed
+4
-9
+4
-9
@@ -14,7 +14,6 @@
|
||||
}
|
||||
</script>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
|
||||
<style>
|
||||
body { background-color: #0f172a; color: #f8fafc; font-family: 'Inter', sans-serif; }
|
||||
.glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(6, 182, 212, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); }
|
||||
@@ -25,7 +24,8 @@
|
||||
|
||||
<div id="app" class="w-full max-w-md transition-all duration-500">
|
||||
<div class="text-center mb-8">
|
||||
<img src="https://via.placeholder.com/150x150/0f172a/06b6d4?text=Logo+A38" alt="AETHAS38 Logo" class="w-24 h-24 mx-auto mb-4 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)]">
|
||||
<!-- Chemin du logo corrigé -->
|
||||
<img src="/static/logo.png" alt="AETHAS38 Logo" class="w-24 h-24 mx-auto mb-4 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)] object-cover bg-gray-800">
|
||||
<h1 class="text-3xl font-bold tracking-wider neon-text">AETHAS38</h1>
|
||||
<p class="text-gray-400 text-sm mt-2">Configuration de l'Orchestrateur Multi-IA</p>
|
||||
</div>
|
||||
@@ -58,7 +58,6 @@
|
||||
</div>
|
||||
<h2 class="text-xl font-bold text-white">Compte créé avec succès</h2>
|
||||
|
||||
<!-- CORRECTION ICI : Utilisation d'une balise <img> avec rendu direct -->
|
||||
<div class="bg-white p-4 rounded-xl inline-block mx-auto min-w-[200px] min-h-[200px] flex items-center justify-center">
|
||||
<img v-if="qrCodeUrl" :src="qrCodeUrl" alt="QR Code 2FA" class="w-full h-full object-contain">
|
||||
<span v-else class="text-gray-500 text-sm">Génération...</span>
|
||||
@@ -108,12 +107,8 @@
|
||||
totpSecret.value = data.totp_secret;
|
||||
setupComplete.value = true;
|
||||
|
||||
// CORRECTION ICI : Génération d'une URL d'image (Data URL) au lieu du Canvas
|
||||
qrCodeUrl.value = await QRCode.toDataURL(data.totp_uri, {
|
||||
width: 200,
|
||||
margin: 1,
|
||||
color: { dark: "#0f172a", light: "#ffffff" }
|
||||
});
|
||||
// CORRECTION ICI : Génération par API externe ultra fiable (plus besoin de librairie)
|
||||
qrCodeUrl.value = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(data.totp_uri)}&color=0f172a&bgcolor=ffffff`;
|
||||
|
||||
} catch (error) {
|
||||
errorMessage.value = error.message;
|
||||
|
||||
Reference in new issue
Block a user