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

Fix: Cambiar contenedores de resumen detallado a solo outline
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m6s
Details

Browse Source 
- Remover fondos rellenos de intensidades, defectos, organoléptica y notas
- Mantener fondo relleno solo en elementos seleccionados (categoria-chip)
- Aplicar cambios tanto en modo claro como oscuro
This commit is contained in:
josedario87
2025-10-19 04:21:10 -06:00
parent 1eff0772ab
commit b28f8e4dd9
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
nuxt4/app/components/cata/ResumenMuestraExpandido.vue
View File

@@ -376,7 +376,7 @@ const hasOrganolepticData = computed(() => {
gap: 0.75rem; gap: 0.75rem;
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); background-color: transparent;
border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent);
} }
@@ -449,13 +449,13 @@ const hasOrganolepticData = computed(() => {
} }
.defecto-warning { .defecto-warning {
background-color: color-mix(in srgb, #f59e0b 15%, transparent); background-color: transparent;
border-color: #f59e0b; border-color: #f59e0b;
color: #f59e0b; color: #f59e0b;
} }
.defecto-error { .defecto-error {
background-color: color-mix(in srgb, #ef4444 15%, transparent); background-color: transparent;
border-color: #ef4444; border-color: #ef4444;
color: #ef4444; color: #ef4444;
} }
@@ -470,7 +470,7 @@ const hasOrganolepticData = computed(() => {
.organoleptica-item { .organoleptica-item {
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); background-color: transparent;
border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent);
} }
@@ -527,7 +527,7 @@ const hasOrganolepticData = computed(() => {
.notas-adicionales-box { .notas-adicionales-box {
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); background-color: transparent;
border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent); border: 1px solid color-mix(in srgb, var(--cata-primary) 30%, transparent);
} }
@@ -565,19 +565,19 @@ const hasOrganolepticData = computed(() => {
} }
.dark .intensidad-item { .dark .intensidad-item {
background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); background-color: transparent;
} }
.dark .defecto-warning { .dark .defecto-warning {
background-color: color-mix(in srgb, #f59e0b 20%, transparent); background-color: transparent;
} }
.dark .defecto-error { .dark .defecto-error {
background-color: color-mix(in srgb, #ef4444 20%, transparent); background-color: transparent;
} }
.dark .organoleptica-item { .dark .organoleptica-item {
background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); background-color: transparent;
} }
.dark .categoria-chip { .dark .categoria-chip {
@@ -585,7 +585,7 @@ const hasOrganolepticData = computed(() => {
} }
.dark .notas-adicionales-box { .dark .notas-adicionales-box {
background-color: color-mix(in srgb, var(--cata-primary) 15%, transparent); background-color: transparent;
} }
/* Responsive */ /* Responsive */