diff --git a/frontend/components/dashboard/ProFeaturePaywall.tsx b/frontend/components/dashboard/ProFeaturePaywall.tsx index 6a448e76..e11d6921 100644 --- a/frontend/components/dashboard/ProFeaturePaywall.tsx +++ b/frontend/components/dashboard/ProFeaturePaywall.tsx @@ -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" /> ); diff --git a/frontend/components/subscription/UnlockProOverlay.module.css b/frontend/components/subscription/UnlockProOverlay.module.css index 16f323df..c21b213e 100644 --- a/frontend/components/subscription/UnlockProOverlay.module.css +++ b/frontend/components/subscription/UnlockProOverlay.module.css @@ -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;