neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small table background adjustments (#2682)

Browse Source
This commit is contained in:
Jaco Greeff 2020-05-03 10:13:03 +02:00 committed by GitHub
parent 36327e6313
commit 783beb45e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/page-staking/src/Targets/index.tsx
View File

@ -92,12 +92,12 @@ function Targets ({ className, ownStashes, targets: { calcWith, lastReward, nomi
[t('validators'), 'start', 4],
...['rankComm', 'rankBondTotal', 'rankBondOwn', 'rankBondOther', 'rankOverall'].map((header) => [
<>{labels[header]}<Icon name={sortBy === header ? (sortFromMax ? 'chevron down' : 'chevron up') : 'minus'} /></>,
`isClickable ${sortBy === header && 'ui--highlight--border'} number`,
sorted ? `isClickable ${sortBy === header && 'ui--highlight--border'} number` : 'number',
1,
(): void => _sort(header as 'rankComm')
]),
[]
], [_sort, labels, sortBy, sortFromMax, t]);
], [_sort, labels, sortBy, sorted, sortFromMax, t]);
const filter = useMemo(() => (
sorted && (

12
packages/react-components/src/Table/Body.tsx
View File

@ -30,6 +30,8 @@ function Body ({ children, className, empty, emptySpinner }: Props): React.React
}
export default React.memo(styled(Body)`
background: white;
td {
border-top: 1px solid #e6e6e6;
padding: 0.75rem 1rem;
@ -136,8 +138,6 @@ export default React.memo(styled(Body)`
}
tr {
background: white;
&.isHighlight td {
background: #ffffed;
}
@ -148,21 +148,21 @@ export default React.memo(styled(Body)`
&:first-child {
td:first-child {
border-radius: 0.25rem 0 0 0;
border-top-left-radius: 0.25rem;
}
td:last-child {
border-radius: 0 0.25rem 0 0;
border-top-right-radius: 0.25rem;
}
}
&:last-child {
td:first-child {
border-radius: 0 0 0 0.25rem;
border-bottom-left-radius: 0.25rem;
}
td:last-child {
border-radius: 0 0 0.25rem 0;
border-bottom-right-radius: 0.25rem;
}
}