From 4dfd77fd4e27b01dc75a14d3e2b2e81adf4702bd Mon Sep 17 00:00:00 2001 From: Kiana McCullough Date: Fri, 6 Dec 2024 09:01:15 -0800 Subject: [PATCH 1/7] mobile responsiveness for fullwidthalert --- .../FullWidthAlert/FullWidthAlert.tsx | 42 +++++++++++++++---- 1 file changed, 35 insertions(+), 7 deletions(-) diff --git a/packages/synapse-react-client/src/components/FullWidthAlert/FullWidthAlert.tsx b/packages/synapse-react-client/src/components/FullWidthAlert/FullWidthAlert.tsx index a4480b6a22..4062b581bc 100644 --- a/packages/synapse-react-client/src/components/FullWidthAlert/FullWidthAlert.tsx +++ b/packages/synapse-react-client/src/components/FullWidthAlert/FullWidthAlert.tsx @@ -9,6 +9,8 @@ import { Snackbar, Stack, Tooltip, + useMediaQuery, + useTheme, } from '@mui/material' export type AlertButtonConfig = { @@ -60,6 +62,9 @@ function ButtonFromConfig(props: { >