Fix: Sapp confirmTXs modal width.
This commit is contained in:
parent
51634e559d
commit
7271d465e1
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue