fix: make iframe clickable

safe-global · Feb 15, 2024 · 8269817 · 8269817
1 parent 92931d0
commit 8269817
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Blog/BannerForm/index.tsx b/src/components/Blog/BannerForm/index.tsx
@@ -7,6 +7,7 @@ const BannerForm = ({ title, subtitle }: { title: string; subtitle: string }) =>
     <Container>
       <div className={css.container}>
         <Grid container spacing="30px">
+          <img src="/images/banner-lines.svg" className={css.image} />
           <Grid item xs={12} md={6} className={css.centeredContent}>
             <Typography variant="h2">{title}</Typography>
             <Typography variant="h4" mt="16px">
@@ -16,7 +17,6 @@ const BannerForm = ({ title, subtitle }: { title: string; subtitle: string }) =>
           <Grid item xs={12} md={6} className={css.centeredContent} mt={3}>
             <iframe src={MIRROR_SUBSCRIBE_LINK} />
           </Grid>
-          <img src="/images/banner-lines.svg" className={css.image} />
         </Grid>
       </div>
     </Container>

diff --git a/src/components/Blog/BannerForm/styles.module.css b/src/components/Blog/BannerForm/styles.module.css
@@ -17,6 +17,7 @@
 
 .container iframe {
   border: 0;
+  z-index: 1000;
 }
 
 .image {