diff --git a/src/components/Discours/Banner.scss b/src/components/Discours/Banner.module.scss similarity index 82% rename from src/components/Discours/Banner.scss rename to src/components/Discours/Banner.module.scss index 36557922..5a8bfc89 100644 --- a/src/components/Discours/Banner.scss +++ b/src/components/Discours/Banner.module.scss @@ -1,4 +1,4 @@ -.discours-banner { +.discoursBanner { background: #f8f8f8; margin-bottom: 6.4rem; padding: 0.8rem 0 0; @@ -7,10 +7,6 @@ font-size: 80%; } - @include media-breakpoint-up(md) { - margin-top: -6.4rem; - } - h3 { font-size: 3.2rem; font-weight: 800; @@ -29,7 +25,7 @@ } } -.discours-banner__content { +.discoursBannerContent { display: flex; flex-direction: column; justify-content: center; @@ -47,7 +43,7 @@ } } -.discours-banner__image { +.discoursBannerImage { align-items: flex-end; display: flex; } diff --git a/src/components/Discours/Banner.tsx b/src/components/Discours/Banner.tsx index 22438dd7..17c8875a 100644 --- a/src/components/Discours/Banner.tsx +++ b/src/components/Discours/Banner.tsx @@ -1,12 +1,13 @@ -import './Banner.scss' +import styles from './Banner.module.scss' import { t } from '../../utils/intl' import { showModal } from '../../stores/ui' +import {clsx} from "clsx"; export default () => { return ( -
+
-
+

{t('Discours is created with our common effort')}

{t('Support us')} @@ -16,7 +17,7 @@ export default () => {

-
+
{t('Discours')}