From fd491856e32fe5c29d78baa5c76218f854b3a807 Mon Sep 17 00:00:00 2001 From: lakikowolfe Date: Thu, 12 Dec 2024 12:34:48 -0800 Subject: [PATCH 1/2] hide banner on mobile screens --- .../src/components/OrientationBanner/OrientationBanner.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx b/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx index 2093c89341..fa9e9c2315 100644 --- a/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx +++ b/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx @@ -82,7 +82,11 @@ function OrientationBanner(props: OrientationBannerProps) { } setShowBanner(false) }} - sx={{ ...defaultSx, ...sx }} + sx={{ + ...defaultSx, + ...sx, + display: { xs: 'none', md: 'unset' }, + }} /> ) } From 03839a42c5513dd480a72ee03868800d311c8b9f Mon Sep 17 00:00:00 2001 From: lakikowolfe Date: Fri, 13 Dec 2024 12:14:59 -0800 Subject: [PATCH 2/2] move display prop to defaultSx --- .../src/components/OrientationBanner/OrientationBanner.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx b/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx index fa9e9c2315..130273eac5 100644 --- a/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx +++ b/packages/synapse-react-client/src/components/OrientationBanner/OrientationBanner.tsx @@ -56,6 +56,7 @@ function OrientationBanner(props: OrientationBannerProps) { const theme = useTheme() const defaultSx = { + display: { xs: 'none', md: 'unset' }, backgroundColor: '#F9FAFB', border: 'none', boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.05)', @@ -85,7 +86,6 @@ function OrientationBanner(props: OrientationBannerProps) { sx={{ ...defaultSx, ...sx, - display: { xs: 'none', md: 'unset' }, }} /> )