christian.julian
/
LANIA_Proyecto
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mejoras visuales

This commit is contained in:
christian.julian 2025-06-15 21:20:50 -06:00
parent 9d6976dff8
commit 12511492af
2 changed files with 12 additions and 15 deletions

4
css/inicio.css
View File

@ -211,6 +211,10 @@ main .title {
font-weight: 600;
margin-bottom: 10px;
}
main .subtitle {
font-size: 20px;
margin-top: 15px;
}
main .breadcrumbs {
display: flex;
grid-gap: 6px;

23
views/inicio.html
View File

@ -28,7 +28,7 @@
select#id_genero:focus,
select#id_examen:focus,
input[type="date"]:focus {
border-color: #4a90e2;
border-color: #35245b;
outline: none;
}
@ -38,10 +38,10 @@
button#limpiar2 {
padding: 8px 20px;
font-size: 14px;
border: 1px solid #4a90e2;
border: 1px solid #35245b;
border-radius: 6px;
background-color: #fff;
color: #4a90e2;
color: #35245b;
cursor: pointer;
font-family: inherit;
transition: background-color 0.2s ease, color 0.2s ease;
@ -52,7 +52,7 @@
button#buscar:hover,
button#limpiar:hover,
button#limpiar2:hover {
background-color: #4a90e2;
background-color: #35245b;
color: white;
}
</style>
@ -89,11 +89,9 @@
<li><a href="#" class="active">Dashboard</a></li>
</ul>
<h2 class="subtitle">Filtros:</h2>
<div class="select-data">
<div class="card">
<div class="head">
<i class='bx bx-trending-up icon'></i>
</div>
<div style="display: flex; gap: 20px; margin: 10px 0;">
<!-- Campo: Edad -->
<div style="flex: 1;">
@ -143,21 +141,16 @@
</div>
</div>
<button type="button" id="limpiar2" class="btn btn-primary">Limpiar</button>
<h2>Fecha</h2>
<h3>Ingresa una fecha de inicio:</h3>
<br>
<h2 class="subtitle">Fecha</h2>
<p>Inicio:</p>
<input type="date" id="date1" name="date1">
<h3>Ingresa una fecha de final:</h3>
<p>Final:</p>
<input type="date" id="date2" name="date2">
<br>
<button type="button" id="buscar">Buscar</button>
<button type="button" id="limpiar">Limpiar</button>
<br>
<div class="content-data">
<div class="head">
<h3>Resultado de registros en el rango de fecha ingresado</h3>
<div class="menu"></div>
</div>
<div class="chart">
<div id="chart5"></div>
</div>