feat: update dialog titles to use font-mono style for consistency across components

This commit is contained in:
2025-09-01 09:02:11 -06:00
parent 5a113ca603
commit 5181306b93
17 changed files with 274 additions and 114 deletions

View File

@@ -58,7 +58,7 @@ export function CarreraDetailDialog({
<Dialog open={!!carrera} onOpenChange={(o) => !o && onOpenChange(null)}>
<DialogContent className="max-w-3xl">
<DialogHeader>
<DialogTitle>{carrera?.nombre}</DialogTitle>
<DialogTitle className="font-mono" >{carrera?.nombre}</DialogTitle>
<DialogDescription>
{carrera?.facultades?.nombre ?? "—"} · {carrera?.semestres} semestres{" "}
{typeof carrera?.activo === "boolean" && (

View File

@@ -75,7 +75,7 @@ export function CarreraFormDialog({
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-lg">
<DialogHeader>
<DialogTitle>{mode === "create" ? "Nueva carrera" : "Editar carrera"}</DialogTitle>
<DialogTitle className="font-mono" >{mode === "create" ? "Nueva carrera" : "Editar carrera"}</DialogTitle>
<DialogDescription>
{mode === "create" ? "Crea una nueva carrera en la base de datos." : "Actualiza los datos de la carrera."}
</DialogDescription>

View File

@@ -68,7 +68,7 @@ export function CriterioFormDialog({
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-lg">
<DialogHeader>
<DialogTitle>Nuevo criterio</DialogTitle>
<DialogTitle className="font-mono" >Nuevo criterio</DialogTitle>
<DialogDescription>Agrega un criterio para esta carrera.</DialogDescription>
</DialogHeader>

View File

@@ -33,7 +33,7 @@ export function useDeleteCarreraDialog(carreraId: string, onDeleted?: () => void
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent>
<DialogHeader>
<DialogTitle>¿Eliminar carrera?</DialogTitle>
<DialogTitle className="font-mono" >¿Eliminar carrera?</DialogTitle>
<DialogDescription>
Esta acción no se puede deshacer. ¿Seguro que quieres eliminar esta carrera?
</DialogDescription>

View File

@@ -84,7 +84,7 @@ export function AddAsignaturaButton({ planId, onAdded }: { planId: string; onAdd
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent className="w-[min(92vw,760px)]">
<DialogHeader>
<DialogTitle>Nueva asignatura</DialogTitle>
<DialogTitle className="font-mono" >Nueva asignatura</DialogTitle>
<DialogDescription>Elige cómo crearla: manual o generada por IA.</DialogDescription>
</DialogHeader>

View File

@@ -31,7 +31,7 @@ export function AdjustAIButton({ plan }: { plan: PlanFull }) {
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent className="max-w-lg">
<DialogHeader>
<DialogTitle>Ajustar con IA</DialogTitle>
<DialogTitle className="font-mono" >Ajustar con IA</DialogTitle>
<DialogDescription>Describe cómo quieres modificar el plan actual.</DialogDescription>
</DialogHeader>
<Textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder="Ej.: Enfatiza ciberseguridad y proyectos prácticos…" className="min-h-[120px]" />

View File

@@ -57,7 +57,7 @@ export function CreatePlanDialog({ open, onOpenChange }: { open: boolean; onOpen
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="w-[min(92vw,760px)]">
<DialogHeader>
<DialogTitle>Nuevo plan de estudios (IA)</DialogTitle>
<DialogTitle className="font-mono" >Nuevo plan de estudios (IA)</DialogTitle>
</DialogHeader>
<div className="grid gap-4 md:grid-cols-2">
<div className="md:col-span-2 space-y-1">

View File

@@ -54,7 +54,7 @@ export function EditPlanButton({ plan }: { plan: PlanFull }) {
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent className="max-w-lg">
<DialogHeader>
<DialogTitle>Editar plan</DialogTitle>
<DialogTitle className="font-mono" >Editar plan</DialogTitle>
<DialogDescription>Actualiza datos básicos.</DialogDescription>
</DialogHeader>
<div className="grid gap-3">

View File

@@ -196,7 +196,7 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
<Dialog open={!!editing} onOpenChange={(o) => { if (!o) setEditing(null) }}>
<DialogContent className="max-w-2xl">
<DialogHeader>
<DialogTitle>{editing ? `Editar: ${sections.find((x) => x.key === editing.key)?.title}` : ""}</DialogTitle>
<DialogTitle className="font-mono" >{editing ? `Editar: ${sections.find((x) => x.key === editing.key)?.title}` : ""}</DialogTitle>
</DialogHeader>
<Textarea value={draft} onChange={(e) => setDraft(e.target.value)} className={`min-h-[260px] ${editing?.key === "prompt" ? "font-mono" : ""}`} placeholder="Escribe aquí…" />
<DialogFooter>

View File

@@ -45,7 +45,7 @@ function CommandDialog({
return (
<Dialog {...props}>
<DialogHeader className="sr-only">
<DialogTitle>{title}</DialogTitle>
<DialogTitle className="font-mono" >{title}</DialogTitle>
<DialogDescription>{description}</DialogDescription>
</DialogHeader>
<DialogContent