feat: update video conference component height for improved layout
Some checks failed
GBCI / build (push) Failing after 1m20s
Some checks failed
GBCI / build (push) Failing after 1m20s
This commit is contained in:
parent
2d2f6a34b0
commit
e3581147bc
1 changed files with 2 additions and 20 deletions
|
@ -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 */}
|
||||
|
|
Loading…
Add table
Reference in a new issue