nucleo000/planilla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

arreglado estilo del container hecho con tailwind cambiado a css moderno

Browse Source
This commit is contained in:
josedario87
2025-06-11 04:38:29 -06:00
parent aa480e8faa
commit 036bd2ef3d
1 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
ui/src/components/ui/SnackbarContainer.vue
View File

@@ -39,9 +39,29 @@ const snackbar = useSnackbarStore()
z-index: 1000; z-index: 1000;
} }
.snackbar-item { .snackbar-item{
@apply pointer-events-auto text-white px-4 py-3 rounded-md shadow-lg flex items-start; /* 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-enter-active,
.snackbar-leave-active { .snackbar-leave-active {
transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s;