Sidebars - animaciones
This commit is contained in:
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">🏪 Registro de Agencias</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped" id="tabla-registros-agencias">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">🔄 Cambios de Usuario</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped align-middle" id="tabla-bitacora-usuarios">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">👥 Acceso de Usuarios</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped" id="tabla-logins">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">👥 Mi Actividad</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped" id="tabla-logins-usuario">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">👥 Registro de Usuarios</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped" id="tabla-registros-usuarios">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">🔗 Vinculaciones</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped align-middle" id="tabla-bitacora-vinculaciones">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -48,6 +48,9 @@
|
||||
.btn-violet { background-color: #8b5cf6; color: white; }
|
||||
.text-violet { color: #8b5cf6; }
|
||||
.btn-violet:hover { background-color: #7c3aed; color: white; }
|
||||
.btn-lila { background-color: #c4b5fd; /* violeta claro */ color: white; border: none; }
|
||||
.btn-lila:hover { background-color: #a78bfa; /* tono ligeramente más fuerte */ color: white; }
|
||||
.text-lila { color: #c4b5fd; }
|
||||
/* Animaciones personalizadas */
|
||||
.card-hover { transition: all 0.3s ease; cursor: pointer; }
|
||||
.card-hover:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15) !important; }
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">👥 Acceso de Usuarios</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm">
|
||||
<div class="card p-3 shadow-sm fade-in-up">
|
||||
<div class="table-responsive card-hover position-relative h-auto">
|
||||
<table class="table table-striped" id="tabla-logins">
|
||||
<thead class="table-dark">
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="content">
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">🔗 Vinculaciones</h4>
|
||||
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto">
|
||||
<div class="card p-3 shadow-sm card-hover position-relative h-auto fade-in-up">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped align-middle" id="tabla-vinculaciones-usuario">
|
||||
<thead class="table-dark">
|
||||
|
||||
Reference in New Issue
Block a user