Alerte de délai d’expiration de la session
Un composant d’alerte de délai d’expiration de session simple en mode sombre pour les sites de commerce électronique, conçu avec des couleurs pastel et une réactivité à l’aide de TailwindCSS.
HTML Code
<div class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center p-4">
<div class="bg-gray-800 dark:bg-gray-900 p-6 rounded-lg shadow-xl max-w-sm w-full border border-pink-300">
<h3 class="text-lg font-bold text-pink-200 mb-4">Session expiring soon!</h3>
<p class="text-gray-300 text-sm mb-4">Your session will time out in 60 seconds. Please save your work or extend your session.</p>
<div class="flex justify-end space-x-2">
<button class="px-4 py-2 bg-gray-700 dark:bg-gray-800 text-gray-200 rounded hover:bg-gray-600 dark:hover:bg-gray-700 text-sm transition duration-300">Cancel</button>
<button class="px-4 py-2 bg-pink-500 text-white rounded hover:bg-pink-600 text-sm transition duration-300">Extend Session</button>
</div>
</div>
</div>Composants associés
Composant d’alerte de délai d’expiration de session
Un composant d’alerte de délai d’expiration de session simple et réactif avec un arrière-plan dégradé multicolore, conçu pour les sites Web d’événements et de conférences. Inclut la prise en charge du mode sombre.
Composant d’alerte de délai d’expiration de session
Un composant réactif d’alerte de délai d’expiration de session doté d’un style de conception 3D, d’une prise en charge du thème sombre et d’une intégration d’images d’espace réservé.
Composant d’alerte de délai d’expiration de session
Un composant d’alerte de délai d’expiration de session de style brutaliste, dynamique et réactif pour les plateformes de marché, prenant en charge le mode sombre.