From e3581147bc67fdbb1328bce38ae76dfcdfff11a9 Mon Sep 17 00:00:00 2001
From: "Rodrigo Rodriguez (Pragmatismo)" <me@rodrigorodriguez.com>
Date: Sun, 27 Apr 2025 19:57:07 -0300
Subject: [PATCH] feat: update video conference component height for improved
 layout

---
 app/meet/page.tsx | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/app/meet/page.tsx b/app/meet/page.tsx
index ebb04c5..2598143 100644
--- a/app/meet/page.tsx
+++ b/app/meet/page.tsx
@@ -178,28 +178,10 @@ export default function MeetRoomPage() {
         video={cameraEnabled}
         className="flex-1"
       >
-        <div className="flex flex-1 h-full">
+        <div className="flex flex-1 h-auto">
           
           <div className="flex-1 bg-gray-900 relative overflow-hidden">
-            <VideoConference className="h-full" />
-            <div className="absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 bg-gray-800/80 backdrop-blur-sm p-2 rounded-full">
-              <Button
-                variant={micEnabled ? 'link' : 'outline'}
-                size="icon"
-                onClick={() => setMicEnabled(!micEnabled)}
-                className="rounded-full h-10 w-10 hover:bg-gray-700 transition-colors"
-              >
-                {micEnabled ? <Mic className="h-5 w-5" /> : <MicOff className="h-5 w-5" />}
-              </Button>
-              <Button
-                variant={cameraEnabled ? 'link' : 'outline'}
-                size="icon"
-                onClick={() => setCameraEnabled(!cameraEnabled)}
-                className="rounded-full h-10 w-10 hover:bg-gray-700 transition-colors"
-              >
-                {cameraEnabled ? <Video className="h-5 w-5" /> : <VideoOff className="h-5 w-5" />}
-              </Button>
-            </div>
+            <VideoConference className="h-auto" />
           </div>
 
           {/* Chat/Transcript Area - Improved readability and interaction */}