diff --git a/src/components/Nickname.js b/src/components/Nickname.js index 93dd9a5..507dc8a 100644 --- a/src/components/Nickname.js +++ b/src/components/Nickname.js @@ -22,10 +22,10 @@ function Nickname({ nickname, stream }) { {stream && ( {streamMuted ? ( diff --git a/src/components/Party.js b/src/components/Party.js index c2b41c9..830aa66 100644 --- a/src/components/Party.js +++ b/src/components/Party.js @@ -22,8 +22,8 @@ function Party({ bg="background" sx={{ flexDirection: "column", - width: "96px", - minWidth: "96px", + width: "112px", + minWidth: "112px", overflowY: "auto", alignItems: "center", }} diff --git a/src/components/ProxyToken.js b/src/components/ProxyToken.js index 0b37d44..ae38900 100644 --- a/src/components/ProxyToken.js +++ b/src/components/ProxyToken.js @@ -55,9 +55,10 @@ function ProxyToken({ tokenClassName, onProxyDragEnd }) { if (proxyContainer) { const proxyContainerRect = proxyContainer.getBoundingClientRect(); const proxyRect = proxy.getBoundingClientRect(); + // TODO: Look into a better method than hardcoding these values proxyOnMap.current = proxyContainerRect.right - proxyRect.right > 80 && - proxyRect.left > 96; + proxyRect.left > 112; } // update the posiion attributes