Feat: Hacer accordions más compactos - reducir padding y gaps
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user