From 1ba028120d4abe1b709409fcedbe0150799d816b Mon Sep 17 00:00:00 2001
From: Damian <ch21011554@gmail.com>
Date: Fri, 7 Mar 2025 13:28:08 -0600
Subject: [PATCH] Difuminar mensaje

---
 resources/views/vehiculos.blade.php | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/resources/views/vehiculos.blade.php b/resources/views/vehiculos.blade.php
index 315da7b..5c00bdd 100644
--- a/resources/views/vehiculos.blade.php
+++ b/resources/views/vehiculos.blade.php
@@ -4,7 +4,7 @@
 <div class="container mx-auto px-4 py-6">
     <!-- Encabezado -->
     @if(session('success'))
-        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
+        <div id="success-message" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
             <span class="block sm:inline">{{ session('success') }}</span>
         </div>
     @endif
@@ -129,6 +129,18 @@ function confirmarEliminacion(button) {
         }
     });
 }
+
+// Desaparecer el mensaje después de 3 segundos
+setTimeout(function() {
+    var message = document.getElementById('success-message');
+    if (message) {
+        message.style.transition = 'opacity 0.5s ease';
+        message.style.opacity = '0';
+        setTimeout(function() {
+            message.remove();
+        }, 500); // Tiempo para remover el elemento después de la transición
+    }
+}, 3000); // Tiempo en milisegundos antes de comenzar a desaparecer
 </script>
 @endsection