feat: Animation de progression pendant la déconnexion (v1.2.7)
- Ajout d'un spinner circulaire animé pendant la déconnexion - Rotation fluide avec design violet cohérent - Textes dynamiques "Déconnexion en cours..." pendant le processus - Boutons masqués pour éviter les doubles clics - Transitions en fondu entre icône et spinner - Délais optimisés pour une expérience fluide
This commit is contained in:
13
index.html
13
index.html
@@ -121,13 +121,16 @@
|
||||
<!-- Modal de confirmation de déconnexion -->
|
||||
<div id="logoutModal" class="modal-overlay">
|
||||
<div class="logout-modal">
|
||||
<div class="logout-modal-icon">
|
||||
<div class="logout-modal-icon" id="logoutIcon">
|
||||
<span>👋</span>
|
||||
</div>
|
||||
<h2>Déconnexion</h2>
|
||||
<p>Êtes-vous sûr de vouloir vous déconnecter ?</p>
|
||||
<p class="logout-modal-subtitle">Votre session sera fermée et vous devrez vous reconnecter.</p>
|
||||
<div class="logout-modal-buttons">
|
||||
<div class="logout-spinner" id="logoutSpinner" style="display: none;">
|
||||
<div class="spinner-ring"></div>
|
||||
</div>
|
||||
<h2 id="logoutTitle">Déconnexion</h2>
|
||||
<p id="logoutText">Êtes-vous sûr de vouloir vous déconnecter ?</p>
|
||||
<p class="logout-modal-subtitle" id="logoutSubtitle">Votre session sera fermée et vous devrez vous reconnecter.</p>
|
||||
<div class="logout-modal-buttons" id="logoutButtons">
|
||||
<button id="cancelLogoutBtn" class="btn-modal-cancel">Annuler</button>
|
||||
<button id="confirmLogoutBtn" class="btn-modal-confirm">Se déconnecter</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user