Fix: Sapp confirmTXs modal width.

This commit is contained in:
nicosampler 2020-06-26 11:10:05 -03:00
parent 51634e559d
commit 7271d465e1
2 changed files with 7 additions and 3 deletions

View File

@ -9,8 +9,8 @@ const Box = styled.p`
border: solid 2px ${border};
`
const TextBox = ({ children }: any) => {
return <Box>{children}</Box>
const TextBox = ({ children, ...rest }: { children: React.ReactNode }): React.ReactElement => {
return <Box {...rest}>{children}</Box>
}
export default TextBox

View File

@ -54,6 +54,10 @@ const IconText = styled.div`
margin-right: 4px;
}
`
const StyledTextBox = styled(TextBox)`
max-width: 444px;
`
const isTxValid = (t: SafeAppTx): boolean => {
if (!['string', 'number'].includes(typeof t.value)) {
return false
@ -111,7 +115,7 @@ const confirmTransactions = (
</div>
<div className="section">
<Heading tag="h3">Data (hex encoded)*</Heading>
<TextBox>{tx.data}</TextBox>
<StyledTextBox>{tx.data}</StyledTextBox>
</div>
</CollapseContent>
</Collapse>