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}; border: solid 2px ${border};
` `
const TextBox = ({ children }: any) => { const TextBox = ({ children, ...rest }: { children: React.ReactNode }): React.ReactElement => {
return <Box>{children}</Box> return <Box {...rest}>{children}</Box>
} }
export default TextBox export default TextBox

View File

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