From 352beca509352bb18c9bc326a5f92c14b3c9e13e Mon Sep 17 00:00:00 2001
From: Mohammed Nihal <57055998+nihal467@users.noreply.github.com>
Date: Fri, 27 Sep 2024 14:19:51 +0530
Subject: [PATCH 1/2] fixed the camera overlapping issue

---
 src/Components/CameraFeed/CameraFeed.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/CameraFeed/CameraFeed.tsx b/src/Components/CameraFeed/CameraFeed.tsx
index 863a6bbac8a..f28ba5d3573 100644
--- a/src/Components/CameraFeed/CameraFeed.tsx
+++ b/src/Components/CameraFeed/CameraFeed.tsx
@@ -148,7 +148,7 @@ export default function CameraFeed(props: Props) {
     <div ref={playerWrapperRef} className="flex flex-col justify-center">
       <div
         className={classNames(
-          "flex max-h-screen flex-col justify-center",
+          "max-w-screen flex flex-col justify-center",
           props.className,
           isFullscreen ? "bg-black" : "bg-zinc-100",
           isIOS && isFullscreen && "px-20",

From e094ccb6ae8153cc8247efd9795d6848e6b111f3 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Fri, 27 Sep 2024 14:44:21 +0530
Subject: [PATCH 2/2] fix for fullscreen

---
 src/Components/CameraFeed/CameraFeed.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/CameraFeed/CameraFeed.tsx b/src/Components/CameraFeed/CameraFeed.tsx
index f28ba5d3573..72c61e5de9b 100644
--- a/src/Components/CameraFeed/CameraFeed.tsx
+++ b/src/Components/CameraFeed/CameraFeed.tsx
@@ -148,9 +148,9 @@ export default function CameraFeed(props: Props) {
     <div ref={playerWrapperRef} className="flex flex-col justify-center">
       <div
         className={classNames(
-          "max-w-screen flex flex-col justify-center",
+          "flex flex-col justify-center",
           props.className,
-          isFullscreen ? "bg-black" : "bg-zinc-100",
+          isFullscreen ? "max-h-screen bg-black" : "max-w-screen bg-zinc-100",
           isIOS && isFullscreen && "px-20",
         )}
       >