From 56542ecaaa6cf42dd3abfe54b2e6f76ec4a7b0e3 Mon Sep 17 00:00:00 2001 From: Jaco Date: Mon, 23 Jan 2023 10:54:14 +0200 Subject: [PATCH] Adjust top-level fa ChainImg (#8865) --- packages/apps/src/Menu/ChainInfo.tsx | 2 +- packages/react-components/src/ChainImg.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/apps/src/Menu/ChainInfo.tsx b/packages/apps/src/Menu/ChainInfo.tsx index 384d795d6d..b2b7834252 100644 --- a/packages/apps/src/Menu/ChainInfo.tsx +++ b/packages/apps/src/Menu/ChainInfo.tsx @@ -68,7 +68,7 @@ const StyledDiv = styled.div` cursor: pointer; } - img { + .ui--ChainImg { height: 3rem; margin-right: 0.5rem; width: 3rem; diff --git a/packages/react-components/src/ChainImg.tsx b/packages/react-components/src/ChainImg.tsx index 24d804c62e..ed2a8f8bb3 100644 --- a/packages/react-components/src/ChainImg.tsx +++ b/packages/react-components/src/ChainImg.tsx @@ -38,7 +38,7 @@ function ChainImg ({ className = '', isInline, logo, onClick, withoutHl }: Props return [!found || logo === 'empty', img, isFa]; }, [logo, specName, systemChain, systemName]); - const iconClassName = `${className}${(isEmpty && !withoutHl) ? ' highlight--bg' : ''}${isInline ? ' isInline' : ''}`; + const iconClassName = `${className} ui--ChainImg ${(isEmpty && !withoutHl) ? 'highlight--bg' : ''} ${isInline ? 'isInline' : ''}`; return isFa ? (