feat(FN-211): normalize typography on subscription page
Some checks failed
Sync dev → Gitea / Mirror dev to Gitea (push) Has been cancelled
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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user