Globe rotation stopped for small screen

tejash023 · Apr 5, 2023 · c69947c · c69947c
1 parent 6e94b64
commit c69947c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/home/HeroSection/HeroSection.tsx b/components/home/HeroSection/HeroSection.tsx
@@ -6,7 +6,7 @@ import { Box } from '@mui/material';
 import { useSpring } from '@react-spring/web';
 
 export function HeroSection() {
- // const [isMobile, setIsMobile] = useState(false);
+ // const [IsMobile, setIsMobile] = useState(0);
  const canvasRef = useRef<HTMLCanvasElement>(null);
  const pointerInteracting = useRef<null | number>(null);
  const pointerInteractionMovement = useRef(0);
@@ -51,6 +51,9 @@ export function HeroSection() {
  if (!pointerInteracting.current) {
  phi += 0.005;
  }
+ if (window.screen.width < 600) {
+ phi = 1.5;
+ }
  state.phi = phi + r.get();
  state.width = width * 2;
  state.height = width * 2;