feat: add Pro feature paywall and unlock overlay UI.

This commit is contained in:
2569718930@qq.com
2026-03-13 09:34:58 +08:00
parent f2e0940282
commit 120f4b1261
2 changed files with 13 additions and 1 deletions
@@ -11,7 +11,10 @@ type ProFeaturePaywallProps = {
onClose?: () => void;
};
export function ProFeaturePaywall({ feature, onClose }: ProFeaturePaywallProps) {
export function ProFeaturePaywall({
feature,
onClose,
}: ProFeaturePaywallProps) {
const router = useRouter();
const { locale } = useI18n();
const { proAccess } = useDashboardStore();
@@ -73,6 +76,7 @@ export function ProFeaturePaywall({ feature, onClose }: ProFeaturePaywallProps)
}}
payLabel={payLabel}
faqHref="/account"
telegramGroupUrl="https://t.me/+nMG7SjziUKYyZmM1"
/>
</div>
);
@@ -6,6 +6,9 @@
max-height: calc(100dvh - 2.5rem);
overflow-x: hidden;
overflow-y: auto;
/* Hide scrollbar — all browsers */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE / Edge legacy */
border-radius: 28px;
border: 1px solid rgba(255, 255, 255, 0.07);
background: linear-gradient(160deg, #111827 0%, #0d1525 40%, #090f1c 100%);
@@ -16,6 +19,11 @@
padding: 28px 24px 24px;
}
/* Chrome / Safari / WebKit */
.modal::-webkit-scrollbar {
display: none;
}
@media (min-width: 768px) {
.modal {
padding: 36px 36px 28px;