website: fix main site not rendering because <BrowserOnly>

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-19 19:23:21 +02:00
parent b75feab709
commit 8f00d73512
3 changed files with 28 additions and 15 deletions

View File

@ -104,13 +104,15 @@ function Home() {
<div className="col col--5">
<div>
<BrowserOnly>
<BeforeAfterSlider
className={styles.featureImage}
before={useBaseUrl("img/screen_apps_light.jpg")}
after={useBaseUrl("img/screen_apps_dark.jpg")}
width={640}
height={480}
/>
{() => {
return <BeforeAfterSlider
className={styles.featureImage}
before={useBaseUrl("img/screen_apps_light.jpg")}
after={useBaseUrl("img/screen_apps_dark.jpg")}
width={640}
height={480}
/>
}}
</BrowserOnly>
</div>
</div>
@ -143,13 +145,15 @@ function Home() {
<div className="col col--5">
<div>
<BrowserOnly>
<BeforeAfterSlider
className={styles.featureImage}
before={useBaseUrl("img/screen_admin_light.jpg")}
after={useBaseUrl("img/screen_admin_dark.jpg")}
width={640}
height={480}
/>
{() => {
return <BeforeAfterSlider
className={styles.featureImage}
before={useBaseUrl("img/screen_admin_light.jpg")}
after={useBaseUrl("img/screen_admin_dark.jpg")}
width={640}
height={480}
/>
}}
</BrowserOnly>
</div>
</div>