Fix styles of Banner and make it always visible (#306)

ZdruzenieSTROM · Dec 10, 2023 · 693e612 · 693e612
1 parent 6bd5f9e
commit 693e612
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/PageLayout/Banner/Banner.module.scss b/src/components/PageLayout/Banner/Banner.module.scss
@@ -5,16 +5,15 @@
   border: none;
   display: flex;
   align-items: center;
-  padding: 0px;
   z-index: 3;
   margin-bottom: 0.5rem;
-  padding: 0.2rem;
+  padding: 0.2rem 0;
 }
 
 
 .marqueeTextContainer {
   white-space: nowrap;
-  padding: 0px;
+  padding: 0;
   height: 100%;
   display: flex;
   align-items: center;

diff --git a/src/components/PageLayout/Banner/Banner.tsx b/src/components/PageLayout/Banner/Banner.tsx
@@ -12,7 +12,7 @@ export const Banner: FC = () => {
     <div className={styles.banner}>
       <Marquee gradient={false} speed={100}>
         <Typography variant="h2" component="span" className={styles.marqueeTextContainer}>
-          {bannerText}
+          {bannerText || '\u00A0'}
         </Typography>
       </Marquee>
     </div>