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

Fix: Agregar altura máxima a tabla de Lista de Ingresos
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 48s
Details

Browse Source 
- Altura máxima de 600px con scroll vertical
- Header sticky que se mantiene visible al hacer scroll
- Mejora la usabilidad cuando hay muchos registros
This commit is contained in:
josedario87
2025-10-30 16:24:08 -06:00
parent 6dfb3355fa
commit 507fb9ba1c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nuxt4-app/app/pages/informe-ingresos.vue
View File

@@ -378,9 +378,9 @@
</div> </div>
</template> </template>
<div v-if="data.listaIngresos && data.listaIngresos.length > 0" class="overflow-x-auto"> <div v-if="data.listaIngresos && data.listaIngresos.length > 0" class="overflow-x-auto max-h-[600px] overflow-y-auto">
<table class="w-full text-sm"> <table class="w-full text-sm">
<thead> <thead class="sticky top-0 bg-[#1c140c] z-10">
<tr class="border-b border-[var(--brand-border)]"> <tr class="border-b border-[var(--brand-border)]">
<th class="text-left py-3 px-2 font-semibold text-[var(--brand-text-muted)]">ID</th> <th class="text-left py-3 px-2 font-semibold text-[var(--brand-text-muted)]">ID</th>
<th class="text-left py-3 px-2 font-semibold text-[var(--brand-text-muted)]">Fecha</th> <th class="text-left py-3 px-2 font-semibold text-[var(--brand-text-muted)]">Fecha</th>