diff --git a/src/assets/UI/banner_background.png b/src/assets/UI/banner_background.png deleted file mode 100644 index dfc5a43..0000000 Binary files a/src/assets/UI/banner_background.png and /dev/null differ diff --git a/src/assets/UI/banner_background.svg b/src/assets/UI/banner_background.svg new file mode 100644 index 0000000..45e0814 --- /dev/null +++ b/src/assets/UI/banner_background.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/StartArticle/StartArticle.jsx b/src/components/StartArticle/StartArticle.jsx index f2789d9..22cf7db 100644 --- a/src/components/StartArticle/StartArticle.jsx +++ b/src/components/StartArticle/StartArticle.jsx @@ -1,7 +1,7 @@ import React from "react"; import styles from "./StartArticle.module.css"; import TextBlock from "../TextBlock/TextBlock"; -import bannerBackground from "../../assets/UI/banner_background.png"; +import BannerBackground from "../../assets/UI/banner_background.svg"; import ContinueIcon from "../../assets/icons/continue.svg"; function StartArticle({ content }) { @@ -25,7 +25,7 @@ function StartArticle({ content }) {
- +

Exchange integration full guide

diff --git a/src/components/StartArticle/StartArticle.module.css b/src/components/StartArticle/StartArticle.module.css index 85f3436..8ab2688 100644 --- a/src/components/StartArticle/StartArticle.module.css +++ b/src/components/StartArticle/StartArticle.module.css @@ -29,12 +29,12 @@ .banner_wrapper__bg { position: absolute; - left: 0; - top: 0; - width: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 1152px; height: 100%; z-index: -1; - object-fit: cover; } .banner_wrapper__content {