Skip to content

💄 Reduce paywall modal padding #656

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
williamchong merged 1 commit into from
Feb 2, 2026
+3 −3
Merged

💄 Reduce paywall modal padding #656

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions components/PaywallModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,19 +117,19 @@
'max-laptop:mx-auto',
'p-5 laptop:p-12',
'pt-12',
{ 'laptop:pt-30': !campaignContent },
{ 'laptop:pt-16': !campaignContent },
]"
Comment on lines 117 to 121
Copy link

Copilot AI Feb 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The padding reduction here only affects the non-(isDesktopScreen && isShowTTSSamples) branch. In the desktop TTS samples branch above, the container still uses { 'pt-30': !campaignContent } (around line 45), so users in that mode will still see the old large top padding. If the intent is to reduce paywall modal padding generally, consider updating that branch’s pt-30 to match the new spacing scale as well.

Copilot uses AI. Check for mistakes.
>
<PricingPageIntroSection
v-if="!(isShowTTSSamples && isDesktopScreen)"
class="mb-8"
class="mb-4 laptop:mb-6"
:title="campaignContent?.title"
:description="campaignContent?.description"
/>
<TTSSamplesSection v-if="isShowTTSSamples" />

<!-- Price Select -->
<div class="flex flex-col w-full mt-12">
<div class="flex flex-col w-full mt-6 laptop:mt-8">
<PricingLimitedOfferAlert
class="laptop:pt-5 rounded-xl"
:is-hidden="!isPaidTrial"
Expand Down
Loading