fix: improve meeting device flow and call controls
This commit is contained in:
@@ -60,7 +60,20 @@ export function SfuVideoTile({
|
||||
<div className="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/75 to-transparent px-3 py-2">
|
||||
<span className="truncate text-sm font-medium text-white">{name}{isLocal && " (du)"}</span>
|
||||
<div className="flex items-center gap-2 text-white/80">
|
||||
{muted && <span aria-label="Mikrofon stumm">⌁</span>}
|
||||
{muted && (
|
||||
<span aria-label="Mikrofon aus" title="Mikrofon aus" className="flex h-6 w-6 items-center justify-center rounded-full bg-red-500/90 text-white">
|
||||
<svg aria-hidden="true" viewBox="0 0 24 24" className="h-3.5 w-3.5 fill-none stroke-current" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 4.6 2.55M15 9.34V6a3 3 0 0 0-5.94-.6M5 11a7 7 0 0 0 10.54 6.02M12 18v3M8 21h8M4 4l16 16" />
|
||||
</svg>
|
||||
</span>
|
||||
)}
|
||||
{videoOff && (
|
||||
<span aria-label="Kamera aus" title="Kamera aus" className="flex h-6 w-6 items-center justify-center rounded-full bg-black/50 text-white">
|
||||
<svg aria-hidden="true" viewBox="0 0 24 24" className="h-3.5 w-3.5 fill-none stroke-current" strokeWidth="1.9" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M4 7h11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z" /><path d="m17 10 5-3v10l-5-3M4 4l16 16" />
|
||||
</svg>
|
||||
</span>
|
||||
)}
|
||||
{isHost && <span className="rounded-full bg-anouma-mauve-dark/90 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-white">Host</span>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user