Commit 54a995bf authored by tom's avatar tom

fix internal txs

parent efc31a28
...@@ -21,13 +21,13 @@ const TxInternalsListItem = ({ type, status, from, to, value, gasLimit }: Props) ...@@ -21,13 +21,13 @@ const TxInternalsListItem = ({ type, status, from, to, value, gasLimit }: Props)
<Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag> <Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag>
<TxStatus status={ status }/> <TxStatus status={ status }/>
</Flex> </Flex>
<Box w="100%" display="inline-grid" gridTemplateColumns="1fr auto 1fr" columnGap={ 3 }> <Box w="100%" display="flex" columnGap={ 3 }>
<Address> <Address width="calc((100% - 48px) / 2)">
<AddressIcon hash={ from }/> <AddressIcon hash={ from }/>
<AddressLink ml={ 2 } fontWeight="500" hash={ from }/> <AddressLink ml={ 2 } fontWeight="500" hash={ from }/>
</Address> </Address>
<Icon as={ rightArrowIcon } boxSize={ 6 } color="gray.500"/> <Icon as={ rightArrowIcon } boxSize={ 6 } color="gray.500"/>
<Address> <Address width="calc((100% - 48px) / 2)">
<AddressIcon hash={ to }/> <AddressIcon hash={ to }/>
<AddressLink ml={ 2 } fontWeight="500" hash={ to }/> <AddressLink ml={ 2 } fontWeight="500" hash={ to }/>
</Address> </Address>
......
...@@ -11,18 +11,16 @@ const TxInternalsTable = () => { ...@@ -11,18 +11,16 @@ const TxInternalsTable = () => {
<Thead> <Thead>
<Tr> <Tr>
<Th width="26%">Type</Th> <Th width="26%">Type</Th>
<Th width="20%" pr="0">From</Th> <Th width="20%">From</Th>
<Th width="20%" pl="0">To</Th> <Th width="24px" px={ 0 }/>
<Th width="20%">To</Th>
<Th width="17%" isNumeric>Value</Th> <Th width="17%" isNumeric>Value</Th>
<Th width="17%" isNumeric>Gas limit</Th> <Th width="17%" isNumeric>Gas limit</Th>
</Tr> </Tr>
</Thead> </Thead>
<Tbody> <Tbody>
{ data.map((item) => ( { data.map((item) => (
<TxInternalsTableItem <TxInternalsTableItem key={ item.id } { ...item }/>
key={ item.id }
{ ...item }
/>
)) } )) }
</Tbody> </Tbody>
</Table> </Table>
......
...@@ -24,14 +24,16 @@ const TxInternalTableItem = ({ type, status, from, to, value, gasLimit }: Props) ...@@ -24,14 +24,16 @@ const TxInternalTableItem = ({ type, status, from, to, value, gasLimit }: Props)
<Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag> <Tag colorScheme="cyan" mr={ 2 }>{ capitalize(type) }</Tag>
<TxStatus status={ status }/> <TxStatus status={ status }/>
</Td> </Td>
<Td pr="0"> <Td>
<Address> <Address>
<AddressIcon hash={ from }/> <AddressIcon hash={ from }/>
<AddressLink ml={ 2 } fontWeight="500" hash={ from } flexGrow={ 1 }/> <AddressLink ml={ 2 } fontWeight="500" hash={ from } flexGrow={ 1 }/>
<Icon as={ rightArrowIcon } boxSize={ 6 } mx={ 2 } flexShrink={ 0 } color="gray.500"/>
</Address> </Address>
</Td> </Td>
<Td pl="0"> <Td px={ 0 }>
<Icon as={ rightArrowIcon } boxSize={ 6 } color="gray.500"/>
</Td>
<Td>
<Address> <Address>
<AddressIcon hash={ to }/> <AddressIcon hash={ to }/>
<AddressLink ml={ 2 } fontWeight="500" hash={ to }/> <AddressLink ml={ 2 } fontWeight="500" hash={ to }/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment