quitar tarjeta Historia clinica, mover descripcion y fechas al header

This commit is contained in:
Ricardo Gonzalez
2026-05-25 21:23:07 -05:00
parent 87808577b5
commit e3af7cc947
+8 -24
View File
@@ -45,6 +45,13 @@ const recentSessions = computed(() => {
<Badge v-if="project.key" variant="outline" class="text-xs">{{ project.key }}</Badge> <Badge v-if="project.key" variant="outline" class="text-xs">{{ project.key }}</Badge>
<Badge v-if="project.status" variant="secondary" class="text-xs capitalize">{{ project.status }}</Badge> <Badge v-if="project.status" variant="secondary" class="text-xs capitalize">{{ project.status }}</Badge>
</div> </div>
<p v-if="project.description" class="text-sm text-muted-foreground mt-2 max-w-2xl">
{{ project.description }}
</p>
<div v-if="project.start_date || project.end_date" class="flex gap-4 mt-2 text-xs text-muted-foreground">
<span v-if="project.start_date">Inicio: {{ project.start_date }}</span>
<span v-if="project.end_date">Fin: {{ project.end_date }}</span>
</div>
</div> </div>
<Badge variant="outline" class="text-xs">v0.1.0</Badge> <Badge variant="outline" class="text-xs">v0.1.0</Badge>
</div> </div>
@@ -95,30 +102,7 @@ const recentSessions = computed(() => {
</Card> </Card>
</div> </div>
<div class="grid gap-4 md:grid-cols-2"> <div class="grid gap-4 md:grid-cols-1">
<Card>
<CardHeader>
<CardTitle class="text-sm font-medium">Historia clínica</CardTitle>
</CardHeader>
<CardContent>
<p v-if="project.description" class="text-sm text-muted-foreground leading-relaxed">
{{ project.description }}
</p>
<p v-else class="text-sm text-muted-foreground/50 italic">Sin descripción</p>
<div v-if="project.start_date" class="mt-4 space-y-2">
<div class="flex items-center justify-between text-sm">
<span class="text-muted-foreground">Ingreso</span>
<span class="font-medium">{{ project.start_date }}</span>
</div>
<div v-if="project.end_date" class="flex items-center justify-between text-sm">
<span class="text-muted-foreground">Alta prevista</span>
<span class="font-medium">{{ project.end_date }}</span>
</div>
</div>
</CardContent>
</Card>
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle class="text-sm font-medium">Actividad reciente</CardTitle> <CardTitle class="text-sm font-medium">Actividad reciente</CardTitle>