feat: add Pro feature paywall and unlock overlay UI.
This commit is contained in:
@@ -11,7 +11,10 @@ type ProFeaturePaywallProps = {
|
|||||||
onClose?: () => void;
|
onClose?: () => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export function ProFeaturePaywall({ feature, onClose }: ProFeaturePaywallProps) {
|
export function ProFeaturePaywall({
|
||||||
|
feature,
|
||||||
|
onClose,
|
||||||
|
}: ProFeaturePaywallProps) {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const { locale } = useI18n();
|
const { locale } = useI18n();
|
||||||
const { proAccess } = useDashboardStore();
|
const { proAccess } = useDashboardStore();
|
||||||
@@ -73,6 +76,7 @@ export function ProFeaturePaywall({ feature, onClose }: ProFeaturePaywallProps)
|
|||||||
}}
|
}}
|
||||||
payLabel={payLabel}
|
payLabel={payLabel}
|
||||||
faqHref="/account"
|
faqHref="/account"
|
||||||
|
telegramGroupUrl="https://t.me/+nMG7SjziUKYyZmM1"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -6,6 +6,9 @@
|
|||||||
max-height: calc(100dvh - 2.5rem);
|
max-height: calc(100dvh - 2.5rem);
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
/* Hide scrollbar — all browsers */
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE / Edge legacy */
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.07);
|
border: 1px solid rgba(255, 255, 255, 0.07);
|
||||||
background: linear-gradient(160deg, #111827 0%, #0d1525 40%, #090f1c 100%);
|
background: linear-gradient(160deg, #111827 0%, #0d1525 40%, #090f1c 100%);
|
||||||
@@ -16,6 +19,11 @@
|
|||||||
padding: 28px 24px 24px;
|
padding: 28px 24px 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Chrome / Safari / WebKit */
|
||||||
|
.modal::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.modal {
|
.modal {
|
||||||
padding: 36px 36px 28px;
|
padding: 36px 36px 28px;
|
||||||
|
|||||||
Reference in New Issue
Block a user