fix: improve meeting device flow and call controls

This commit is contained in:
2026-09-17 00:59:37 +02:00
parent d99c69f46d
commit 4edc5c2422
3 changed files with 168 additions and 47 deletions
+14 -1
View File
@@ -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>