feat(FN-211): normalize typography on subscription page
Some checks failed
Sync dev → Gitea / Mirror dev to Gitea (push) Has been cancelled

Commits merged:
- fix(FN-211): normalize typography on subscription page

Files changed:
apps/web/src/routes/dashboard/subscription/index.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

Fusion-Task-Id: FN-211
This commit is contained in:
Fusion
2026-05-13 05:30:10 +00:00
parent fa49c20d09
commit cc2bfbe2b0

View File

@@ -496,7 +496,9 @@ export function SubscriptionPage() {
</div>
{freshSub?.endDate && (
<div className="flex items-center justify-between">
<span className="text-sm leading-5 text-muted-foreground">{t("subscription.endDate")}</span>
<span className="text-sm leading-5 text-muted-foreground">
{t("subscription.endDate")}
</span>
<span className="text-sm font-medium leading-5">
{new Date(freshSub.endDate).toLocaleDateString("tr-TR")}
</span>
@@ -539,7 +541,7 @@ export function SubscriptionPage() {
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
<Crown className="h-5 w-5 text-primary" />
<CardTitle className="leading-7">{t("subscription.currentPlan")}</CardTitle>
<CardTitle className="text-lg leading-7">{t("subscription.currentPlan")}</CardTitle>
</div>
<Badge variant={statusVariants[subscription.status] || "secondary"}>
{t(`subscription.statusLabels.${subscription.status}`)}
@@ -646,7 +648,7 @@ export function SubscriptionPage() {
<span className="font-semibold text-foreground">
{t(`subscription.plans.${downgradePlan.key}.name`)}
</span>
<span className="text-lg font-bold leading-7">
<span className="text-lg font-bold">
{formatTRY(
billingPeriod === "yearly"
? downgradePlan.priceYearly
@@ -793,7 +795,7 @@ export function SubscriptionPage() {
<CardHeader className="relative">
<div className="flex items-center gap-2">
<Sparkles className="h-5 w-5 text-brand" />
<CardTitle className="text-foreground leading-7">
<CardTitle className="text-lg text-foreground leading-7">
{t("subscription.trialTitle")}
</CardTitle>
</div>
@@ -922,7 +924,7 @@ export function SubscriptionPage() {
</CardHeader>
<CardContent className="space-y-4">
<div>
<span className="text-xl sm:text-2xl lg:text-3xl font-bold leading-8 sm:leading-9 lg:leading-10">
<span className="text-xl sm:text-2xl lg:text-3xl font-bold">
{formatTRY(price)}
</span>
<span className="text-muted-foreground">
@@ -1081,28 +1083,28 @@ export function SubscriptionPage() {
>
<Badge
variant="outline"
className="px-1.5 py-0 text-[0.625rem] leading-3 font-normal"
className="px-1.5 py-0 text-xs font-normal"
aria-hidden="true"
>
Visa
</Badge>
<Badge
variant="outline"
className="px-1.5 py-0 text-[0.625rem] leading-3 font-normal"
className="px-1.5 py-0 text-xs font-normal"
aria-hidden="true"
>
Mastercard
</Badge>
<Badge
variant="outline"
className="px-1.5 py-0 text-[0.625rem] leading-3 font-normal"
className="px-1.5 py-0 text-xs font-normal"
aria-hidden="true"
>
Troy
</Badge>
<Badge
variant="outline"
className="px-1.5 py-0 text-[0.625rem] leading-3 font-normal"
className="px-1.5 py-0 text-xs font-normal"
aria-hidden="true"
>
AmEx