fix: video player being responsive in all sizes (#144)

code100x · Mar 4, 2024 · a131274 · a131274
1 parent 9198911
commit a131274
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx
@@ -284,7 +284,10 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
     }
   }, [searchParams, playerRef.current]);
   return (
-    <div data-vjs-player>
+    <div 
+      data-vjs-player
+      className="mx-auto md:max-w-[calc(100vw-3rem)] 2xl:max-w-[calc(100vw-17rem)]"
+    >
       <div ref={videoRef} />
     </div>
   );