Gracias, todo en orden.
Hemos cerrado esa sesión. Cambia tu contraseña.
Toast de nouvelle connexion
Une alerte de connexion depuis un nouvel appareil avec deux réponses : c'était moi, ou pas.
Réglages
Code
<div class="uv-qlg"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="alert"><div class="hd"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l7.5 3v5.5c0 4.6-3.2 8.3-7.5 9.5-4.3-1.2-7.5-4.9-7.5-9.5V6z"/><path d="M12 8.5v4M12 15.5v.01"/></svg></span><span class="tx"><b>Nouvelle connexion</b><small>Mac à Lisbonne, il y a 2 minutes</small></span></div><div class="ac"><button type="button" class="ys">C’était moi</button><button type="button" class="no">Ce n’était pas moi</button></div><p class="ok r1">Merci, tout est en ordre.</p><p class="ok r2">Nous avons fermé cette session. Change ton mot de passe.</p></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Notifications
Voir tout : NotificationsOù l’utiliser
Les avis de sécurité d'un compte doivent être clairs et actionnables à la fois. Cette alerte affiche un bouclier, l'appareil, la ville et l'heure de la nouvelle connexion, et deux boutons. C'était moi remercie, passe l'icône au vert et ferme ; Ce n'était pas moi indique en rouge que la session a été fermée et demande un nouveau mot de passe.
Le toast utilise le rôle alert, il est donc annoncé immédiatement. Relie chaque bouton à ton backend. Choisis des mots simples pour que personne n'hésite quand quelque chose semble anormal.