website: fix main site not rendering because <BrowserOnly>
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
b75feab709
commit
8f00d73512
|
@ -14333,6 +14333,14 @@
|
||||||
"use-latest": "^1.0.0"
|
"use-latest": "^1.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"react-toggle": {
|
||||||
|
"version": "4.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-toggle/-/react-toggle-4.1.2.tgz",
|
||||||
|
"integrity": "sha512-4Ohw31TuYQdhWfA6qlKafeXx3IOH7t4ZHhmRdwsm1fQREwOBGxJT+I22sgHqR/w8JRdk+AeMCJXPImEFSrNXow==",
|
||||||
|
"requires": {
|
||||||
|
"classnames": "^2.2.5"
|
||||||
|
}
|
||||||
|
},
|
||||||
"readable-stream": {
|
"readable-stream": {
|
||||||
"version": "3.6.0",
|
"version": "3.6.0",
|
||||||
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
|
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
|
||||||
|
|
|
@ -19,7 +19,8 @@
|
||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-before-after-slider": "^1.0.4",
|
"react-before-after-slider": "^1.0.4",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
"react-feather": "^2.0.9"
|
"react-feather": "^2.0.9",
|
||||||
|
"react-toggle": "^4.1.2"
|
||||||
},
|
},
|
||||||
"browserslist": {
|
"browserslist": {
|
||||||
"production": [
|
"production": [
|
||||||
|
|
|
@ -104,13 +104,15 @@ function Home() {
|
||||||
<div className="col col--5">
|
<div className="col col--5">
|
||||||
<div>
|
<div>
|
||||||
<BrowserOnly>
|
<BrowserOnly>
|
||||||
<BeforeAfterSlider
|
{() => {
|
||||||
className={styles.featureImage}
|
return <BeforeAfterSlider
|
||||||
before={useBaseUrl("img/screen_apps_light.jpg")}
|
className={styles.featureImage}
|
||||||
after={useBaseUrl("img/screen_apps_dark.jpg")}
|
before={useBaseUrl("img/screen_apps_light.jpg")}
|
||||||
width={640}
|
after={useBaseUrl("img/screen_apps_dark.jpg")}
|
||||||
height={480}
|
width={640}
|
||||||
/>
|
height={480}
|
||||||
|
/>
|
||||||
|
}}
|
||||||
</BrowserOnly>
|
</BrowserOnly>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -143,13 +145,15 @@ function Home() {
|
||||||
<div className="col col--5">
|
<div className="col col--5">
|
||||||
<div>
|
<div>
|
||||||
<BrowserOnly>
|
<BrowserOnly>
|
||||||
<BeforeAfterSlider
|
{() => {
|
||||||
className={styles.featureImage}
|
return <BeforeAfterSlider
|
||||||
before={useBaseUrl("img/screen_admin_light.jpg")}
|
className={styles.featureImage}
|
||||||
after={useBaseUrl("img/screen_admin_dark.jpg")}
|
before={useBaseUrl("img/screen_admin_light.jpg")}
|
||||||
width={640}
|
after={useBaseUrl("img/screen_admin_dark.jpg")}
|
||||||
height={480}
|
width={640}
|
||||||
/>
|
height={480}
|
||||||
|
/>
|
||||||
|
}}
|
||||||
</BrowserOnly>
|
</BrowserOnly>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in New Issue