chore(site): disable doc site animation on mobile devices

Summary: disable the doc site home page's animation when it's running on mobile web browsers (screen is too small for such a complex animation) Reviewed By: tulga1970 Differential Revision: D55033551 fbshipit-source-id: 7a1c0941cf6eb43800b1ad70c754372a311fd3b1
facebook · Apr 9, 2024 · 3b05576 · 3b05576
1 parent 5236059
commit 3b05576
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -149,7 +149,7 @@ code {
 
 #learn-more {
   color: #323330;
-  backdrop-filter: blur(10px);
+  backdrop-filter: blur(4px);
 }
 
 #header-container {

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -140,7 +140,7 @@ export default function Home(): React.ReactElement {
   const {width} = useWindowSize();
 
   useEffect(() => {
-    if (!vantaEffect) {
+    if (!vantaEffect && width > 800) {
       setVantaEffect(
         NET({
           el: headerRef.current,