Highlight Free Plan with background shade

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-11 00:55:28 +05:30
parent 953adbd3b3
commit 4deb7ff69d

View file

@ -151,7 +151,7 @@ export default function SettingsPage() {
<div>
<div className="font-medium text-lg">{familyName}</div>
<div className="text-sm text-gray-500">
{tier === "pro" ? "Pro Plan" : "Free Plan"} · {members.length} member{members.length !== 1 ? "s" : ""} · {children?.length || 0} child{children?.length !== 1 ? "ren" : ""}
{tier === "pro" ? "Pro Plan" : <span className="bg-rose-100 text-rose-700 px-2 py-0.5 rounded-full text-xs">Free Plan</span>} · {members.length} member{members.length !== 1 ? "s" : ""} · {children?.length || 0} child{children?.length !== 1 ? "ren" : ""}
</div>
</div>
{tier === "free" && (