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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/inicio.css
View File

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

23
views/inicio.html
View File

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