From 4fa960be8bd84e76a97521a1c7d088b7c31ba60d Mon Sep 17 00:00:00 2001 From: Gabe Kangas Date: Sat, 6 May 2023 20:06:39 -0700 Subject: [PATCH] fix(ui): fix dynamic padding not taking disabled chat state into account --- web/components/layouts/Main/Main.tsx | 2 +- web/components/ui/Content/Content.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/web/components/layouts/Main/Main.tsx b/web/components/layouts/Main/Main.tsx index 4cbb32711..734f7d0ad 100644 --- a/web/components/layouts/Main/Main.tsx +++ b/web/components/layouts/Main/Main.tsx @@ -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); diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx index b7fc41739..71508f927 100644 --- a/web/components/ui/Content/Content.tsx +++ b/web/components/ui/Content/Content.tsx @@ -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 ( <>