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

Feat: Hacer accordions más compactos - reducir padding y gaps
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
josedario87
2025-10-18 14:26:12 -06:00
parent af6664c931
commit 2737a9c39b
2 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
nuxt4/app/components/cata/ResumenMuestra.vue
View File

@@ -1,13 +1,13 @@
<template>
<div class="resumen-muestra flex items-center gap-3 w-full">
<div class="resumen-muestra flex items-center gap-2 w-full">
<!-- Número de muestra -->
<div class="muestra-numero cata-text font-bold text-lg flex-shrink-0">
<div class="muestra-numero cata-text font-bold flex-shrink-0">
#{{ muestra.muestraId }}
</div>
<!-- Nombre de muestra -->
<div class="flex-1 min-w-0">
<div class="muestra-nombre cata-text font-semibold truncate">
<div class="muestra-nombre cata-text font-semibold truncate text-sm">
{{ muestra.nombre }}
</div>
</div>
@@ -27,17 +27,16 @@ defineProps<ResumenMuestraProps>()
<style scoped>
.resumen-muestra {
min-height: 60px;
padding: 0.5rem 0;
min-height: 36px;
}
.muestra-numero {
font-size: 1.25rem;
font-size: 1rem;
}
@media (max-width: 640px) {
.muestra-numero {
font-size: 1rem;
font-size: 0.875rem;
}
}
</style>

8
nuxt4/app/pages/cata/sesion.vue
View File

@@ -128,14 +128,14 @@
</div>
<!-- Accordions de Muestras -->
<div class="muestras-container container mx-auto px-4 py-6">
<div class="muestras-container container mx-auto px-4 py-4">
<UAccordion
v-model="accordionAbierto"
type="multiple"
:items="accordionItems"
:ui="{
item: 'mb-4 last:mb-0 cata-outline-box rounded-lg overflow-hidden',
trigger: 'accordion-trigger w-full px-4 py-3 transition-colors',
item: 'mb-2 last:mb-0 cata-outline-box rounded-lg overflow-hidden',
trigger: 'accordion-trigger w-full px-3 py-2 transition-colors',
content: 'border-t border-default',
}"
>
@@ -148,7 +148,7 @@
<!-- Content con FormularioMuestra -->
<template #content="{ item }">
<div class="p-4">
<div class="p-3">
<CataFormularioMuestra
v-if="sesionActiva && obtenerMuestraPorValue(item.value)"
:muestra="obtenerMuestraPorValue(item.value)!"