diff --git a/src/pages/MeetingRoom.tsx b/src/pages/MeetingRoom.tsx index 791676d..4a3f15d 100644 --- a/src/pages/MeetingRoom.tsx +++ b/src/pages/MeetingRoom.tsx @@ -1384,12 +1384,36 @@ export default function MeetingRoom() { {/* Enquadramento centralizado perfeito (Camera apontando e fov adequado) */}
- {isWebGLSupported ? ( - + {currentAvatar?.url.endsWith('.png') ? ( + /* Renderização nativa 2D rápida e responsiva para avatares PNG, evitando bloqueio de cliques */ +
+ {/* Efeito Glow de Fundo combinando com a cor do avatar */} +
+ + {/* Imagem do Avatar enquadrada com proporção mantida e sombra estilizada */} + {currentAvatar.name} { + (e.currentTarget as HTMLImageElement).src = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || 'U')}&background=475569&color=fff&size=128&rounded=true`; + }} + /> +
+ ) : isWebGLSupported ? ( + /* Renderização 3D para modelos GLB */ + - + ) : (
@@ -1416,7 +1440,7 @@ export default function MeetingRoom() { type="button" variant="ghost" size="icon" - className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40" + className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-50 pointer-events-auto cursor-pointer" onClick={(e) => { e.preventDefault(); e.stopPropagation(); @@ -1429,7 +1453,7 @@ export default function MeetingRoom() { type="button" variant="ghost" size="icon" - className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40" + className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-50 pointer-events-auto cursor-pointer" onClick={(e) => { e.preventDefault(); e.stopPropagation();