diff --git a/docs/docusaurus/src/pages/index.js b/docs/docusaurus/src/pages/index.js index ee7aeea2f78..2e7fd90eca7 100644 --- a/docs/docusaurus/src/pages/index.js +++ b/docs/docusaurus/src/pages/index.js @@ -111,6 +111,17 @@ function HomepageHeader() { export default function Home() { const [showSponsorModal, setShowSponsorModal] = useState(false); + const [isModalVisible, setIsModalVisible] = useState(false); + + const openModal = () => { + setShowSponsorModal(true); + setTimeout(() => setIsModalVisible(true), 10); + }; + + const closeModal = () => { + setIsModalVisible(false); + setTimeout(() => setShowSponsorModal(false), 300); + }; const sponsors = [ { @@ -171,7 +182,7 @@ export default function Home() {
@@ -181,8 +192,8 @@ export default function Home() { {showSponsorModal && (
setShowSponsorModal(false)} + className={`${styles.modalOverlay} ${isModalVisible ? styles.modalOverlayVisible : ''}`} + onClick={closeModal} >
e.stopPropagation()}>
@@ -204,7 +215,7 @@ export default function Home() {

Станьте спонсором проекта

- Открытый Пакет Интеграций — это бесплатный open-source проект, который развивается благодаря поддержке сообщества. Мы не используем платные версии и не размещаем рекламу в документации, чтобы сохранить удобство использования для всех + Открытый Пакет Интеграций — это бесплатный open-source проект, который развивается благодаря поддержке сообщества. Мы не используем платные версии и не размещаем рекламу в документации, чтобы сохранить удобство использования для всех

Ваша поддержка поможет нам продолжать разработку новых интеграций, улучшать документацию и поддерживать актуальность библиотек. Взамен логотип вашей компании будет размещён в блоке спонсоров на главной странице сайта (при желании), а поддержка по работе с проектом будет оказываться вам в приоритетном порядке @@ -224,7 +235,7 @@ export default function Home() {