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

Seed: healthcare template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:58:20 +00:00
parent 30be9fc14c
commit 4304d25a5d
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Doctors.tsx
+3 -3
View File
@@ -40,7 +40,7 @@ export default function DoctorsPage() {
<div className="mx-auto max-w-6xl px-6"> <div className="mx-auto max-w-6xl px-6">
<div className="flex flex-wrap justify-center gap-3 mb-12 animate-fade-up"> <div className="flex flex-wrap justify-center gap-3 mb-12 animate-fade-up">
{filters.map((f) => ( {filters.map((f) => (
<Button key={f} variant={active === f ? "default" : "outline"} size="sm" className={`rounded-full px-6 transition-all \${active === f ? "bg-sky-500 hover:bg-sky-600 text-white" : "hover:border-sky-400 hover:text-sky-500"}`} onClick={() => setActive(f)}> <Button key={f} variant={active === f ? "default" : "outline"} size="sm" className={`rounded-full px-6 transition-all ${active === f ? "bg-sky-500 hover:bg-sky-600 text-white" : "hover:border-sky-400 hover:text-sky-500"}`} onClick={() => setActive(f)}>
{f} {f}
</Button> </Button>
))} ))}
@@ -49,7 +49,7 @@ export default function DoctorsPage() {
{filtered.map((d, i) => ( {filtered.map((d, i) => (
<Card key={d.id} className="group bg-white/60 dark:bg-slate-900/60 backdrop-blur-sm border-slate-200/60 dark:border-slate-800/60 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 text-center"> <Card key={d.id} className="group bg-white/60 dark:bg-slate-900/60 backdrop-blur-sm border-slate-200/60 dark:border-slate-800/60 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 text-center">
<CardContent className="p-8"> <CardContent className="p-8">
<div className={`mx-auto w-24 h-24 rounded-full bg-gradient-to-br \${d.gradient} flex items-center justify-center text-white text-2xl font-bold mb-5 group-hover:ring-4 group-hover:ring-sky-300/30 transition-all duration-300`}> <div className={`mx-auto w-24 h-24 rounded-full bg-gradient-to-br ${d.gradient} flex items-center justify-center text-white text-2xl font-bold mb-5 group-hover:ring-4 group-hover:ring-sky-300/30 transition-all duration-300`}>
{d.name.split(" ").filter(n => n.startsWith("D") || !n.startsWith("D")).slice(-2).map(n => n[0]).join("")} {d.name.split(" ").filter(n => n.startsWith("D") || !n.startsWith("D")).slice(-2).map(n => n[0]).join("")}
</div> </div>
<h3 className="text-lg font-semibold">{d.name}</h3> <h3 className="text-lg font-semibold">{d.name}</h3>
@@ -61,7 +61,7 @@ export default function DoctorsPage() {
<span>{d.langs}</span> <span>{d.langs}</span>
</div> </div>
<Button asChild size="sm" variant="outline" className="mt-5 rounded-full border-sky-300 text-sky-600 hover:bg-sky-50 dark:border-sky-700 dark:text-sky-400 dark:hover:bg-sky-950 active:scale-[0.97] transition-all"> <Button asChild size="sm" variant="outline" className="mt-5 rounded-full border-sky-300 text-sky-600 hover:bg-sky-50 dark:border-sky-700 dark:text-sky-400 dark:hover:bg-sky-950 active:scale-[0.97] transition-all">
<Link to={`/doctor/\${d.id}`}>View Profile</Link> <Link to={`/doctor/${d.id}`}>View Profile</Link>
</Button> </Button>
</CardContent> </CardContent>
</Card> </Card>