Portrait Meeting Layout using Dyte

PortraitMeeting.tsx

export default function PortraitMeeting() {
  const { meeting } = useDyteMeeting();

  return (
    <div
      style={{
        display: 'flex',
        flexDirection: 'column',
        backgroundColor: 'rgb(0 0 0)',
        height: '100%',
        width: '100%',
      }}
    >
      <DyteParticipantsAudio meeting={meeting} />

      <div style={{ display: 'flex', flex: '1 1 0%' }}>
        <DyteSimpleGrid
          participants={[meeting.self]}
          meeting={meeting}
          aspectRatio="2:3"
          gap={18}
        />
      </div>
    </div>
  );
}