💄 Left align text in upgrade button

This commit is contained in:
Luke Vella 2024-10-28 18:52:17 +00:00
parent 9bbd8e0790
commit ef4342cdd0
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C

View file

@ -108,26 +108,24 @@ export function Sidebar() {
<li> <li>
<PayWallDialog> <PayWallDialog>
<DialogTrigger <DialogTrigger
className="mb-4 flex w-full flex-col rounded-md border bg-gray-50 px-4 py-3 text-left focus:border-gray-300 focus:bg-gray-200"
onClick={() => onClick={() =>
posthog?.capture("trigger paywall", { from: "sidebar" }) posthog?.capture("trigger paywall", { from: "sidebar" })
} }
asChild
> >
<button className="mb-4 flex w-full flex-col rounded-md border bg-gray-50 px-4 py-3 focus:border-gray-300 focus:bg-gray-200"> <span className="mb-2 flex items-center gap-x-2">
<span className="mb-2 flex items-center gap-x-2"> <SparklesIcon className="size-5 text-gray-400" />
<SparklesIcon className="size-5 text-gray-400" /> <span className="text-sm font-bold">
<span className="text-sm font-bold"> <Trans i18nKey="upgrade" />
<Trans i18nKey="upgrade" />
</span>
<ProBadge />
</span> </span>
<span className="text-sm leading-relaxed text-gray-500"> <ProBadge />
<Trans </span>
i18nKey="unlockFeatures" <span className="text-sm leading-relaxed text-gray-500">
defaults="Unlock all Pro features." <Trans
/> i18nKey="unlockFeatures"
</span> defaults="Unlock all Pro features."
</button> />
</span>
</DialogTrigger> </DialogTrigger>
</PayWallDialog> </PayWallDialog>
</li> </li>