Feat: Mejorar diseño de accordions y eliminar headers redundantes
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m4s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m4s
- Alinear puntaje final a la derecha en ResumenMuestra (ml-auto) - Cambiar estilo de accordion: underline simple sin gap entre items - Ajustar ancho 100% en móviles sin padding lateral (px-0 sm:px-4) - Eliminar headers redundantes en tabs específicas: * Organoléptica: eliminar 'Características Organolépticas' * Descriptiva/Afectiva: eliminar 'Intensidades Descriptivas y Afectivas' * Defectos: eliminar 'Defectos y Uniformidad' - Mantener headers en tab Impresión Global para mejor navegación
This commit is contained in:
@@ -2,10 +2,6 @@
|
||||
<div class="formulario-muestra p-4 space-y-6">
|
||||
<!-- Tab 1: Organoléptica (solo selectores de familia) -->
|
||||
<div v-if="tabActiva === 'organoleptica'" class="tab-content cata-fade-in">
|
||||
<h4 class="tab-section-title cata-text mb-4">
|
||||
Características Organolépticas
|
||||
</h4>
|
||||
|
||||
<!-- Selector de Familia de Fragancia/Aroma -->
|
||||
<div v-if="mostrarFraganciaAroma" class="form-section">
|
||||
<CataSelectorFamilia
|
||||
@@ -72,10 +68,6 @@
|
||||
|
||||
<!-- Tab 2: Descriptiva/Afectiva (todos los sliders incluyendo impresión global) -->
|
||||
<div v-if="tabActiva === 'descriptiva-afectiva'" class="tab-content cata-fade-in">
|
||||
<h4 class="tab-section-title cata-text mb-4">
|
||||
Intensidades Descriptivas y Afectivas
|
||||
</h4>
|
||||
|
||||
<!-- Sliders de Fragancia -->
|
||||
<div v-if="mostrarFraganciaSlider" class="form-section">
|
||||
<div class="flex items-center justify-between mb-3">
|
||||
@@ -335,10 +327,6 @@
|
||||
|
||||
<!-- Tab 3: Defectos (tazas y defectos) -->
|
||||
<div v-if="tabActiva === 'defectos'" class="tab-content cata-fade-in">
|
||||
<h4 class="tab-section-title cata-text mb-4">
|
||||
Defectos y Uniformidad
|
||||
</h4>
|
||||
|
||||
<!-- Tazas No Uniformes -->
|
||||
<div class="form-section">
|
||||
<CataSelectorTazas
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="resumen-muestra w-full">
|
||||
<!-- Primera línea: Número, nombre y puntaje -->
|
||||
<div class="flex items-center gap-1.5 mb-1">
|
||||
<div class="flex items-center gap-2 mb-1">
|
||||
<!-- Número de muestra -->
|
||||
<div class="muestra-numero cata-text font-bold flex-shrink-0">
|
||||
#{{ muestra.muestraId }}
|
||||
@@ -14,8 +14,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Puntaje final -->
|
||||
<div class="puntaje-final flex-shrink-0 px-1.5 py-0.5 rounded" :class="puntajeClass">
|
||||
<!-- Puntaje final - alineado a la derecha -->
|
||||
<div class="puntaje-final flex-shrink-0 px-2 py-0.5 rounded ml-auto" :class="puntajeClass">
|
||||
<span class="font-bold">{{ muestra.puntajeFinal }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user