File tree Expand file tree Collapse file tree 1 file changed +4
-11
lines changed
packages/suite/src/views/wallet/coinmarket/common Expand file tree Collapse file tree 1 file changed +4
-11
lines changed Original file line number Diff line number Diff line change 1
1
import styled from 'styled-components' ;
2
2
3
- import { iconSizes , Image , Row } from '@trezor/components' ;
4
- import { borders } from '@trezor/theme' ;
3
+ import { Box , iconSizes , Image } from '@trezor/components' ;
4
+ import { borders , spacings } from '@trezor/theme' ;
5
5
6
6
import { useSelector } from 'src/hooks/suite' ;
7
7
@@ -16,19 +16,12 @@ interface CoinmarketIconProps {
16
16
17
17
export const CoinmarketIcon = ( { iconUrl } : CoinmarketIconProps ) => {
18
18
const currentTheme = useSelector ( state => state . suite . settings . theme . variant ) ;
19
- const SIDE_PADDING = 2 ;
20
- const iconWrapperSize = iconSizes . mediumLarge + 2 * SIDE_PADDING ;
21
19
22
20
return (
23
21
< CoinmarketIconWrapper $isDark = { currentTheme === 'dark' } >
24
- < Row
25
- alignItems = "center"
26
- justifyContent = "center"
27
- height = { iconWrapperSize }
28
- width = { iconWrapperSize }
29
- >
22
+ < Box margin = { spacings . xxxs } height = { iconSizes . mediumLarge } >
30
23
< Image imageSrc = { iconUrl } width = { iconSizes . mediumLarge } alt = "" />
31
- </ Row >
24
+ </ Box >
32
25
</ CoinmarketIconWrapper >
33
26
) ;
34
27
} ;
You can’t perform that action at this time.
0 commit comments