mejoras ui/ux
This commit is contained in:
@@ -22,28 +22,19 @@
|
||||
</Transition>
|
||||
|
||||
<!-- Fila 2: Selector de Rango de Fechas -->
|
||||
<Transition
|
||||
enter-active-class="transition-all duration-300 ease-out"
|
||||
enter-from-class="opacity-0 -translate-y-2"
|
||||
enter-to-class="opacity-100 translate-y-0"
|
||||
leave-active-class="transition-all duration-200 ease-in"
|
||||
leave-from-class="opacity-100 translate-y-0"
|
||||
leave-to-class="opacity-0 -translate-y-2"
|
||||
>
|
||||
<div v-if="!fechaDesde && !fechaHasta" class="flex flex-col gap-3">
|
||||
<h3 class="text-sm font-semibold text-[var(--brand-text-muted)] uppercase tracking-wide">
|
||||
Rango de Fechas
|
||||
</h3>
|
||||
<DateRangeSelector
|
||||
:selected-preset="selectedPreset"
|
||||
:fecha-desde="fechaDesde"
|
||||
:fecha-hasta="fechaHasta"
|
||||
@update:selected-preset="emit('update:selectedPreset', $event)"
|
||||
@update:fecha-desde="emit('update:fechaDesde', $event)"
|
||||
@update:fecha-hasta="emit('update:fechaHasta', $event)"
|
||||
/>
|
||||
</div>
|
||||
</Transition>
|
||||
<div class="flex flex-col gap-3">
|
||||
<h3 class="text-sm font-semibold text-[var(--brand-text-muted)] uppercase tracking-wide">
|
||||
Rango de Fechas
|
||||
</h3>
|
||||
<DateRangeSelector
|
||||
:selected-preset="selectedPreset"
|
||||
:fecha-desde="fechaDesde"
|
||||
:fecha-hasta="fechaHasta"
|
||||
@update:selected-preset="emit('update:selectedPreset', $event)"
|
||||
@update:fecha-desde="emit('update:fechaDesde', $event)"
|
||||
@update:fecha-hasta="emit('update:fechaHasta', $event)"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Fila 3: Filtros Avanzados (grid de 4 columnas) -->
|
||||
<div v-if="hasAvailableAdvancedFilters" class="flex flex-col gap-3">
|
||||
|
||||
Reference in New Issue
Block a user