vibeasite-templates/template-education
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: education template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:58:39 +00:00
parent 0e4d540ad3
commit dcafd9a128
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Courses.tsx
+3 -3
View File
@@ -73,8 +73,8 @@ export default function CoursesPage() {
<div className="mx-auto max-w-7xl px-6"> <div className="mx-auto max-w-7xl px-6">
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"> <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
{filtered.map((c, i) => ( {filtered.map((c, i) => (
<Card key={c.id} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden hover:-translate-y-1 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `\${i * 0.08}s` }}> <Card key={c.id} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden hover:-translate-y-1 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `${i * 0.08}s` }}>
<div className={`h-40 bg-gradient-to-br \${c.gradient} flex items-center justify-center`}> <div className={`h-40 bg-gradient-to-br ${c.gradient} flex items-center justify-center`}>
<BookOpen className="h-12 w-12 text-white/80" /> <BookOpen className="h-12 w-12 text-white/80" />
</div> </div>
<CardContent className="p-5"> <CardContent className="p-5">
@@ -97,7 +97,7 @@ export default function CoursesPage() {
<span className="text-lg font-bold text-indigo-600 dark:text-indigo-400">{c.price}</span> <span className="text-lg font-bold text-indigo-600 dark:text-indigo-400">{c.price}</span>
</div> </div>
<Button asChild className="w-full mt-4 bg-indigo-600 hover:bg-indigo-700 text-white rounded-full active:scale-[0.97] transition-all"> <Button asChild className="w-full mt-4 bg-indigo-600 hover:bg-indigo-700 text-white rounded-full active:scale-[0.97] transition-all">
<Link to={`/course/\${c.id}`}>View Course</Link> <Link to={`/course/${c.id}`}>View Course</Link>
</Button> </Button>
</CardContent> </CardContent>
</Card> </Card>