Widen dashboard course cards and enlarge title/description text

This commit is contained in:
2026-06-04 10:32:30 +05:00
parent ecf48de7e8
commit 7c85a7835b
+3 -3
View File
@@ -45,7 +45,7 @@ export default async function StudentDashboard() {
const completedSet = new Set(progressRecords.map((p) => p.lessonId)); const completedSet = new Set(progressRecords.map((p) => p.lessonId));
return ( return (
<main className="max-w-4xl mx-auto px-6 py-10 w-full"> <main className="max-w-5xl mx-auto px-6 py-10 w-full">
<h1 className="text-2xl font-bold mb-1">Мои курсы</h1> <h1 className="text-2xl font-bold mb-1">Мои курсы</h1>
<p className="text-sm mb-8" style={{ color: "var(--muted-foreground)" }}> <p className="text-sm mb-8" style={{ color: "var(--muted-foreground)" }}>
{active.length} активных курсов {active.length} активных курсов
@@ -85,9 +85,9 @@ export default async function StudentDashboard() {
</div> </div>
)} )}
<div className="p-4 flex-1 flex flex-col gap-2"> <div className="p-4 flex-1 flex flex-col gap-2">
<h2 className="font-bold text-base leading-tight">{course.title}</h2> <h2 className="font-bold text-lg leading-tight">{course.title}</h2>
{course.description && ( {course.description && (
<p className="text-xs line-clamp-2" style={{ color: "var(--muted-foreground)" }}> <p className="text-sm line-clamp-3" style={{ color: "var(--muted-foreground)" }}>
{course.description} {course.description}
</p> </p>
)} )}