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

Fix dark theme multi address background (#4293)

Browse Source
This commit is contained in:
Jaco Greeff 2020-12-29 16:40:27 +01:00 committed by GitHub
parent db12feeac1
commit a44e1b7d08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-components/src/AccountIndex.tsx
View File

@ -2,8 +2,8 @@
// SPDX-License-Identifier: Apache-2.0
import type { DeriveAccountInfo } from '@polkadot/api-derive/types';
import type { ThemeProps } from '@polkadot/react-components/types';
import type { AccountId, Address } from '@polkadot/types/interfaces';
import type { ThemeProps } from './types';
import React, { useMemo } from 'react';
import styled from 'styled-components';

2
packages/react-components/src/AccountName.tsx
View File

@ -3,8 +3,8 @@
import type { IconName } from '@fortawesome/fontawesome-svg-core';
import type { DeriveAccountInfo, DeriveAccountRegistration } from '@polkadot/api-derive/types';
import type { ThemeProps } from '@polkadot/react-components/types';
import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
import type { ThemeProps } from './types';
import React, { useCallback, useContext, useEffect, useState } from 'react';
import styled from 'styled-components';

2
packages/react-components/src/InputAddress/KeyPair.tsx
View File

@ -1,7 +1,7 @@
// Copyright 2017-2020 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ThemeProps } from '@polkadot/react-components/types';
import type { ThemeProps } from '../types';
import React from 'react';
import styled from 'styled-components';

8
packages/react-components/src/InputAddressMulti/index.tsx
View File

@ -1,6 +1,8 @@
// Copyright 2017-2020 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ThemeProps } from '../types';
import React, { useCallback, useEffect, useState } from 'react';
import styled from 'styled-components';
@ -108,7 +110,7 @@ function InputAddressMulti ({ available, availableLabel, className = '', default
);
}
export default React.memo(styled(InputAddressMulti)`
export default React.memo(styled(InputAddressMulti)(({ theme }: ThemeProps) => `
border-top-width: 0px;
margin-left: 2rem;
width: calc(100% - 2rem);
@ -136,7 +138,7 @@ export default React.memo(styled(InputAddressMulti)`
.ui--InputAddressMulti-items {
padding: 0.5rem 0;
background: white;
background: ${theme.bgInput};
border: 1px solid rgba(34,36,38,0.15);
border-radius: 0.286rem 0.286rem;
flex: 1;
@ -162,4 +164,4 @@ export default React.memo(styled(InputAddressMulti)`
}
}
}
`);
`));