fix: background overlap
This commit is contained in:
parent
e9a1b9894c
commit
202c98c94c
@ -163,6 +163,15 @@ export const LandingPage = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.background}>
|
<div className={styles.background}>
|
||||||
|
<div
|
||||||
|
className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
|
||||||
|
style={{ backgroundImage: `url(${bg_l})` }}
|
||||||
|
></div>
|
||||||
|
<div
|
||||||
|
className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
|
||||||
|
style={{ backgroundImage: `url(${bg_r})` }}
|
||||||
|
></div>
|
||||||
|
|
||||||
<Container className={styles.container}>
|
<Container className={styles.container}>
|
||||||
<img className={styles.logo} src="/logo.svg" alt="Logo" width={300} />
|
<img className={styles.logo} src="/logo.svg" alt="Logo" width={300} />
|
||||||
<div className={styles.titleSection}>
|
<div className={styles.titleSection}>
|
||||||
@ -209,14 +218,6 @@ export const LandingPage = () => {
|
|||||||
|
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</Container>
|
</Container>
|
||||||
<div
|
|
||||||
className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
|
|
||||||
style={{ backgroundImage: `url(${bg_l})` }}
|
|
||||||
></div>
|
|
||||||
<div
|
|
||||||
className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
|
|
||||||
style={{ backgroundImage: `url(${bg_r})` }}
|
|
||||||
></div>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user