diff --git a/src/components/tx/SignOrExecuteForm/TxChecks.tsx b/src/components/tx/SignOrExecuteForm/TxChecks.tsx index 52fe6d8fba..a6d275afd0 100644 --- a/src/components/tx/SignOrExecuteForm/TxChecks.tsx +++ b/src/components/tx/SignOrExecuteForm/TxChecks.tsx @@ -1,8 +1,10 @@ import { type ReactElement, useContext } from 'react' import { TxSimulation } from '@/components/tx/security/tenderly' import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider' -import { Typography } from '@mui/material' -import { Redefine } from '@/components/tx/security/redefine' +import { Box, Typography } from '@mui/material' +import { Redefine, RedefineMessage } from '@/components/tx/security/redefine' + +import css from './styles.module.css' const TxChecks = (): ReactElement => { const { safeTx } = useContext(SafeTxContext) @@ -11,9 +13,13 @@ const TxChecks = (): ReactElement => { <> Transaction checks + + - + + + ) } diff --git a/src/components/tx/SignOrExecuteForm/styles.module.css b/src/components/tx/SignOrExecuteForm/styles.module.css index c409b0cbee..285114f2a7 100644 --- a/src/components/tx/SignOrExecuteForm/styles.module.css +++ b/src/components/tx/SignOrExecuteForm/styles.module.css @@ -45,3 +45,13 @@ .errorWrapper { margin-top: var(--space-2) !important; } + +.mobileRedefineMessages { + display: none; +} + +@media (max-width: 899.95px) { + .mobileRedefineMessages { + display: block; + } +}