Highlight Free Plan with background shade
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
953adbd3b3
commit
4deb7ff69d
1 changed files with 1 additions and 1 deletions
|
|
@ -151,7 +151,7 @@ export default function SettingsPage() {
|
||||||
<div>
|
<div>
|
||||||
<div className="font-medium text-lg">{familyName}</div>
|
<div className="font-medium text-lg">{familyName}</div>
|
||||||
<div className="text-sm text-gray-500">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
{tier === "free" && (
|
{tier === "free" && (
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue