Add typography to Banner

ZdruzenieSTROM · Dec 8, 2023 · 64d4237 · 64d4237
1 parent 7224c59
commit 64d4237
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/PageLayout/Banner/Banner.module.scss b/src/components/PageLayout/Banner/Banner.module.scss
@@ -1,6 +1,5 @@
 .banner{
   width: 100vw;
-  height: 2rem;
   background-color: black;
   color: white;
   border: none;
@@ -9,6 +8,7 @@
   padding: 0px;
   z-index: 3;
   margin-bottom: 0.5rem;
+  padding: 0.2rem;
 }
 
 

diff --git a/src/components/PageLayout/Banner/Banner.tsx b/src/components/PageLayout/Banner/Banner.tsx
@@ -1,3 +1,4 @@
+import {Typography} from '@mui/material'
 import {FC} from 'react'
 
 import {Marquee} from '@/components/Marquee/Marquee'
@@ -10,7 +11,9 @@ export const Banner: FC = () => {
   return (
     <div className={styles.banner}>
       <Marquee gradient={false} speed={100}>
-        <div className={styles.marqueeTextContainer}>{bannerText}</div>
+        <Typography variant="h2" component="span" className={styles.marqueeTextContainer}>
+          {bannerText}
+        </Typography>
       </Marquee>
     </div>
   )