Skip to content

Commit

Permalink
fix: adjust line-height
Browse files Browse the repository at this point in the history
  • Loading branch information
iamacook committed Jul 6, 2023
1 parent 049cccf commit 32f0ee9
Show file tree
Hide file tree
Showing 4 changed files with 10 additions and 14 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { Typography } from '@mui/material'
import { hexDataLength } from 'ethers/lib/utils'
import type { ReactElement, ReactNode } from 'react'
import css from './styles.module.css'
import valueCss from '@/components/transactions/TxDetails/TxData/DecodedData/Value/styles.module.css'
import EthHashInfo from '@/components/common/EthHashInfo'

type TxDataRowProps = {
Expand Down Expand Up @@ -32,7 +33,7 @@ export const generateDataRowValue = (
case 'hash':
case 'address':
return (
<div className={css.address}>
<div className={valueCss.address}>
<EthHashInfo address={value} hasExplorer={hasExplorer} showAvatar={false} showCopyButton />
</div>
)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,11 +26,6 @@
align-items: center;
}

/* 2nd only exists if there is address book entry */
.address > div > div > div:nth-child(2) {
margin-top: -4px;
}

@media (max-width: 599.95px) {
.gridRow {
grid-template-columns: 1fr;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -47,14 +47,9 @@ export const Value = ({ type, value, ...props }: ValueArrayProps): ReactElement
return <Value key={key} {...newProps} />
}
return (
<EthHashInfo
key={`${address}_${key}`}
address={address}
showAvatar={false}
shortAddress={false}
showCopyButton
hasExplorer
/>
<div key={`${address}_${key}`} className={css.address}>
<EthHashInfo address={address} showAvatar={false} shortAddress={false} showCopyButton hasExplorer />
</div>
)
})}
</div>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
.nestedWrapper {
padding-left: 12px;
}

/* Reduce space between name/address for clarity between rows */
.address > div {
line-height: 1;
}

0 comments on commit 32f0ee9

Please sign in to comment.