fix(ui): fix dynamic padding not taking disabled chat state into account

2 years ago · 4fa960be8b
2 changed files with 2 additions and 2 deletions
--- a/web/components/layouts/Main/Main.tsx
+++ b/web/components/layouts/Main/Main.tsx
@ -59,7 +59,7 @@ export const Main: FC = () => {
				@@ -59,7 +59,7 @@ export const Main: FC = () => {
  const { online, streamTitle, versionNumber: version } = clientStatus;

  // accounts for sidebar width when online in desktop
-  const dynamicPadding = online && !isMobile ? '320px' : '0px';
+  const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';

  useEffect(() => {
    setupNoLinkReferrer(layoutRef.current);
--- a/web/components/ui/Content/Content.tsx
+++ b/web/components/ui/Content/Content.tsx
@ -181,7 +181,7 @@ export const Content: FC = () => {
				@@ -181,7 +181,7 @@ export const Content: FC = () => {
  const showChat = online && !chatDisabled && isChatVisible;

  // accounts for sidebar width when online in desktop
-  const dynamicPadding = online && !isMobile ? '320px' : '0px';
+  const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';

  return (
    <>