3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-31 09:46:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Left align text in upgrade button

Browse source
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
1 changed files with 13 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

28
apps/web/src/app/[locale]/(admin)/sidebar.tsx
View file

@ -108,26 +108,24 @@ export function Sidebar() {
<li>
<PayWallDialog>
<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={() =>
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">
<SparklesIcon className="size-5 text-gray-400" />
<span className="text-sm font-bold">
<Trans i18nKey="upgrade" />
</span>
<ProBadge />
<span className="mb-2 flex items-center gap-x-2">
<SparklesIcon className="size-5 text-gray-400" />
<span className="text-sm font-bold">
<Trans i18nKey="upgrade" />
</span>
<span className="text-sm leading-relaxed text-gray-500">
<Trans
i18nKey="unlockFeatures"
defaults="Unlock all Pro features."
/>
</span>
</button>
<ProBadge />
</span>
<span className="text-sm leading-relaxed text-gray-500">
<Trans
i18nKey="unlockFeatures"
defaults="Unlock all Pro features."
/>
</span>
</DialogTrigger>
</PayWallDialog>
</li>