💄 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,12 +108,11 @@ 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">
@ -127,7 +126,6 @@ export function Sidebar() {
defaults="Unlock all Pro features." defaults="Unlock all Pro features."
/> />
</span> </span>
</button>
</DialogTrigger> </DialogTrigger>
</PayWallDialog> </PayWallDialog>
</li> </li>