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

Initial bounty re-align (table borders, font colors) (#4650)

Browse Source
This commit is contained in:
Jaco Greeff 2021-02-11 11:29:18 +01:00 committed by GitHub
parent 1783b30227
commit 92ab4b5626
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/page-bounties/src/Bounty.tsx
View File

@ -333,9 +333,4 @@ export default React.memo(styled(Bounty)(({ theme }: ThemeProps) => `
display: flex;
justify-content: space-between;
}
& .ui--FormatBalance {
font-size: 0.85rem;
line-height: 1.4rem;
}
`));

3
packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx
View File

@ -7,7 +7,7 @@ import styled from 'styled-components';
import { Icon } from '@polkadot/react-components';
import { ThemeProps } from '@polkadot/react-components/types';
import { bountyColor, bountyLabelColor, bountySvgColor } from '../theme';
import { bountyLabelColor, bountySvgColor } from '../theme';
interface Props {
className: '';
@ -36,7 +36,6 @@ export default React.memo(styled(BountyInfo)(({ theme }: ThemeProps) => `
font-weight: 500;
font-size: 0.857rem;
line-height: 1.5rem;
color: ${bountyColor[theme.theme]};
.info-icon{
margin-right: 0.2rem;

3
packages/page-bounties/src/index.tsx
View File

@ -8,7 +8,7 @@ import { Tabs } from '@polkadot/react-components';
import { ThemeProps } from '@polkadot/react-components/types';
import Bounties from './Bounties';
import { bountyBorderColor, bountyColor, bountyOddRowBackground } from './theme';
import { bountyBorderColor, bountyOddRowBackground } from './theme';
import { useTranslation } from './translate';
export { default as useCounter } from './useCounter';
@ -63,7 +63,6 @@ export default React.memo(styled(BountiesApp)(({ theme }: ThemeProps) => `
vertical-align: baseline;
font-size: 1rem;
line-height: 1.7rem;
color: ${bountyColor[theme.theme]};
border-bottom: 1px solid ${bountyBorderColor[theme.theme]};
&:first-child {

10
packages/page-bounties/src/theme.ts
View File

@ -7,13 +7,9 @@ type bountyTheme = {
}
export const bountyBorderColor: bountyTheme = {
dark: '#2f313c',
light: '#dfdfdf'
};
export const bountyColor: bountyTheme = {
dark: '#BDBDBD',
light: '#1a1b20'
// align with table
dark: '#eeecea', // '#2f313c',
light: '#eeecea' // '#dfdfdf'
};
export const bountyOddRowBackground: bountyTheme = {