Skip to content

I
interface
Commit b147e047 authored by Greg Bugyis's avatar Greg Bugyis Committed by GitHub
Browse files
Options

fix: Bump height on LineNumberCell and pass header boolean (#4548)

parent bbb616f5
Hide whitespace changes
Inline Side-by-side
Showing with 4 additions and 3 deletions
src/components/Tokens/TokenTable/TokenRow.tsx
View file @ b147e047
...@@ -149,10 +149,11 @@ const StyledHeaderRow = styled(StyledTokenRow)` ...@@ -149,10 +149,11 @@ const StyledHeaderRow = styled(StyledTokenRow)`
justify-content: space-between; justify-content: space-between;
} }
` `
const ListNumberCell = styled(Cell)`
const ListNumberCell = styled(Cell)<{ header: boolean }>`
color: ${({ theme }) => theme.textSecondary}; color: ${({ theme }) => theme.textSecondary};
min-width: 32px; min-width: 32px;
height: 48px; height: ${({ header }) => (header ? '48px' : '60px')};
@media only screen and (max-width: ${SMALL_MEDIA_BREAKPOINT}) { @media only screen and (max-width: ${SMALL_MEDIA_BREAKPOINT}) {
display: none; display: none;
...@@ -389,7 +390,7 @@ export function TokenRow({ ...@@ -389,7 +390,7 @@ export function TokenRow({
}) { }) {
const rowCells = ( const rowCells = (
<> <>
<ListNumberCell>{listNumber}</ListNumberCell> <ListNumberCell header={header}>{listNumber}</ListNumberCell>
<NameCell>{tokenInfo}</NameCell> <NameCell>{tokenInfo}</NameCell>
<PriceCell sortable={header}>{price}</PriceCell> <PriceCell sortable={header}>{price}</PriceCell>
<PercentChangeCell sortable={header}>{percentChange}</PercentChangeCell> <PercentChangeCell sortable={header}>{percentChange}</PercentChangeCell>
......
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