josedario87
2737a9c39b
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
43 lines
817 B
Vue
43 lines
817 B
Vue
<template>
|
|
<div class="resumen-muestra flex items-center gap-2 w-full">
|
|
<!-- Número de muestra -->
|
|
<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 text-sm">
|
|
{{ muestra.nombre }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Muestra } from '~/types/catacion'
|
|
|
|
interface ResumenMuestraProps {
|
|
/** Muestra a mostrar */
|
|
muestra: Muestra
|
|
}
|
|
|
|
defineProps<ResumenMuestraProps>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.resumen-muestra {
|
|
min-height: 36px;
|
|
}
|
|
|
|
.muestra-numero {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.muestra-numero {
|
|
font-size: 0.875rem;
|
|
}
|
|
}
|
|
</style>
|