Guillermo.Arrieta/acad-ia-2
0
0
Fork 0
Code Issues 9 Pull Requests Actions Wiki Activity

mejoras de diseño de mapa curricular parte 1

Browse Source 
- ancho de ciclos fijo
- alineacion correcta de CR, HD y HI
- tamaño de nombre de asignatura pasó de md a sm
This commit is contained in:
Guillermo Arrieta Medina
2026-03-26 19:06:54 -06:00
parent 54200986ab
commit 085e6fa0e9
1 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/planes/$planId/_detalle/mapa.tsx
+18 -23
View File
@@ -248,7 +248,7 @@ function AsignaturaCardItem({
{/* titulo */} {/* titulo */}
<div className="mt-4 min-h-18"> <div className="mt-4 min-h-18">
<h3 <h3
className="text-foreground text-md overflow-hidden leading-[1.08]" className="text-foreground overflow-hidden text-sm leading-[1.08]"
style={{ style={{
display: '-webkit-box', display: '-webkit-box',
WebkitLineClamp: 3, WebkitLineClamp: 3,
@@ -261,37 +261,32 @@ function AsignaturaCardItem({
{/* bottom */} {/* bottom */}
<div className="mt-auto grid grid-cols-3 gap-2"> <div className="mt-auto grid grid-cols-3 gap-2">
<div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5"> <div className="flex flex-col items-center rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
<div className="text-muted-foreground mb-1 flex items-center gap-1.5"> {/* <Icons.Award className="h-3.5 w-3.5" /> */}
<Icons.Award className="h-3.5 w-3.5" /> <span className="text-muted-foreground mb-1 text-[10px] font-medium tracking-wide uppercase">
<span className="text-[10px] font-medium tracking-wide uppercase"> CR
CR </span>
</span>
</div>
<div className="text-foreground text-sm font-bold"> <div className="text-foreground text-sm font-bold">
{asignatura.creditos} {asignatura.creditos}
</div> </div>
</div> </div>
<div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5"> <div className="flex flex-col items-center rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
<div className="text-muted-foreground mb-1 flex items-center gap-1.5"> <span className="text-muted-foreground mb-1 text-[10px] font-medium tracking-wide uppercase">
<Icons.Clock3 className="h-3.5 w-3.5" /> HD
<span className="text-[10px] font-medium tracking-wide uppercase"> </span>
HD
</span>
</div>
<div className="text-foreground text-sm font-bold"> <div className="text-foreground text-sm font-bold">
{asignatura.hd} {asignatura.hd}
</div> </div>
</div> </div>
<div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5"> <div className="flex flex-col items-center border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm not-last:rounded-2xl dark:border-white/10 dark:bg-white/5">
<div className="text-muted-foreground mb-1 flex items-center gap-1.5"> <span className="text-muted-foreground mb-1 text-[10px] font-medium tracking-wide uppercase">
<Icons.BookOpenText className="h-3.5 w-3.5" /> HI
<span className="text-[10px] font-medium tracking-wide uppercase"> </span>
HI
</span>
</div>
<div className="text-foreground text-sm font-bold"> <div className="text-foreground text-sm font-bold">
{asignatura.hi} {asignatura.hi}
</div> </div>
@@ -728,7 +723,7 @@ function MapaCurricularPage() {
<div <div
className="grid gap-3" className="grid gap-3"
style={{ style={{
gridTemplateColumns: `140px repeat(${ciclosTotales}, minmax(auto, 1fr)) 120px`, gridTemplateColumns: `140px repeat(${ciclosTotales}, 188px) 120px`,
}} }}
> >
<div className="text-muted-foreground self-end px-2 text-xs font-bold"> <div className="text-muted-foreground self-end px-2 text-xs font-bold">