From 036bd2ef3d1cad46f9f6c83082deb5dc97f19708 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Wed, 11 Jun 2025 04:38:29 -0600
Subject: [PATCH] arreglado estilo del container hecho con tailwind cambiado a
 css moderno

---
 ui/src/components/ui/SnackbarContainer.vue | 24 ++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/ui/SnackbarContainer.vue b/ui/src/components/ui/SnackbarContainer.vue
index 0ba7fac..bbda834 100644
--- a/ui/src/components/ui/SnackbarContainer.vue
+++ b/ui/src/components/ui/SnackbarContainer.vue
@@ -39,9 +39,29 @@ const snackbar = useSnackbarStore()
   z-index: 1000;
 }
 
-.snackbar-item {
-  @apply pointer-events-auto text-white px-4 py-3 rounded-md shadow-lg flex items-start;
+.snackbar-item{
+  /* permite hacer clics dentro del snackbar */
+  pointer-events:auto;
+
+  /* texto blanco */
+  color:#fff;
+
+  /* px-4 py-3  →  0.75 rem arriba/abajo, 1 rem lados */
+  padding:0.75rem 1rem;
+
+  /* rounded-md ≈ 6 px */
+  border-radius:0.375rem;
+
+  /* shadow-lg de Tailwind llevado a CSS puro */
+  box-shadow:
+    0 10px 15px -3px rgba(0,0,0,.10),
+    0  4px  6px -2px rgba(0,0,0,.05);
+
+  /* flex items-start */
+  display:flex;
+  align-items:flex-start;
 }
+
 .snackbar-enter-active,
 .snackbar-leave-active {
   transition: opacity 0.35s, transform 0.35s;