Skip to content

Commit bebbcf5

Browse files
fix(networkLogo): match NetworkIcon size so logo doesn't resize on collapse (#12)
NavigationDesktop swaps NetworkLogo (expanded) for NetworkIcon (collapsed). With NetworkLogo at h=48px and NetworkIcon at 60x60 (after #9), toggling the sidebar visibly shrunk/grew the Rayls logo. Bump NetworkLogo height to 60px (and the LogoFallback skeleton to match) so both states render at the same size — the user only sees the menu text expand/collapse, not the logo morph.
1 parent 9a68b93 commit bebbcf5

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

ui/snippets/networkLogo/NetworkLogo.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const LogoFallback = () => {
1515
<IconSvg
1616
name="networks/logo-placeholder"
1717
width="240px"
18-
height="48px"
18+
height="60px"
1919
color={{ base: 'blue.600', _dark: 'white' }}
2020
aria-label="Network logo placeholder"
2121
/>
@@ -37,7 +37,7 @@ const NetworkLogo = ({ className }: Props) => {
3737
aria-label="Link to main page"
3838
>
3939
<Image
40-
h="48px"
40+
h="60px"
4141
skeletonWidth="240px"
4242
src={ logoSrc }
4343
alt={ `${ config.chain.name } network logo` }

0 commit comments

Comments
 (0)