feat: update video conference component height for improved layout
Some checks failed
GBCI / build (push) Failing after 1m20s

This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2025-04-27 19:57:07 -03:00
parent 2d2f6a34b0
commit e3581147bc

View file

@ -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 */}