3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-04-28 17:56:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Fix paywall dialog mobile width (#1675)

Browse source
This commit is contained in:
Luke Vella 2025-04-18 18:21:28 +01:00 • committed by GitHub
parent 5c2bb835e5
commit e5e30f00b8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/web/src/app/[locale]/new/page.tsx
View file

@ -24,7 +24,7 @@ export default async function Page({ params }: { params: Params }) {
</div>
<div className="flex flex-1 sm:justify-center">
<div className="flex items-center gap-x-2">
<PollPageIcon />
<PollPageIcon size="sm" />
<div className="flex items-baseline gap-x-8">
<h1 className="font-semibold">
<Trans t={t} i18nKey="poll" defaults="Poll" />

4
apps/web/src/components/pay-wall-dialog.tsx
View file

@ -38,7 +38,7 @@ export function PayWallDialog({ children, ...forwardedProps }: DialogProps) {
return (
<Dialog {...dialog.dialogProps} {...forwardedProps}>
{children}
<DialogContent className="w-[600px] overflow-hidden bg-gray-50 p-4 sm:p-6">
<DialogContent className="w-full max-w-[600px] overflow-hidden bg-gray-50 p-4 sm:p-6">
<SparklesIcon className="absolute -top-4 left-4 size-32 text-gray-500/10" />
<div className="space-y-6">
<header>
@ -73,7 +73,7 @@ export function PayWallDialog({ children, ...forwardedProps }: DialogProps) {
</DialogDescription>
</header>
<section>
<ul className="grid grid-cols-2 justify-center gap-2 text-sm font-medium">
<ul className="grid justify-center gap-2 text-center text-sm font-medium sm:grid-cols-2">
<li>
<CheckIcon className="mr-2 inline-block size-4 text-green-600" />
<Trans i18nKey="featureNameFinalize" defaults="Finalize Poll" />