center the popup content

blockscout · Jul 3, 2024 · 609781f · 609781f
1 parent bce16e4
commit 609781f
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 1 deletion.
diff --git a/ui/shared/entities/address/AddressEntityContentProxy.tsx b/ui/shared/entities/address/AddressEntityContentProxy.tsx
@@ -42,7 +42,7 @@ const AddressEntityContentProxy = (props: ContentProps) => {
                 Proxy contract
                 { props.address.name ? ` (${ props.address.name })` : '' }
               </Box>
-              <AddressEntity address={{ hash: props.address.hash }} noLink noIcon noHighlight/>
+              <AddressEntity address={{ hash: props.address.hash }} noLink noIcon noHighlight justifyContent="center"/>
               <Box fontWeight={ 600 } mt={ 2 }>
                 Implementation{ implementations.length > 1 ? 's' : '' }
                 { implementationName ? ` (${ implementationName })` : '' }
@@ -57,6 +57,7 @@ const AddressEntityContentProxy = (props: ContentProps) => {
                     noHighlight
                     minW={ `calc((100% - ${ colNum - 1 } * 12px) / ${ colNum })` }
                     flex={ 1 }
+                    justifyContent={ colNum === 1 ? 'center' : undefined }
                   />
                 )) }
               </Flex>

diff --git a/...ts__/AddressEntity.pw.tsx_default_proxy-contract-with-implementation-name-1.png b/...ts__/AddressEntity.pw.tsx_default_proxy-contract-with-implementation-name-1.png
diff --git a/...AddressEntity.pw.tsx_default_proxy-contract-with-multiple-implementations-1.png b/...AddressEntity.pw.tsx_default_proxy-contract-with-multiple-implementations-1.png
diff --git a/...creenshots__/AddressEntity.pw.tsx_default_proxy-contract-without-any-name-1.png b/...creenshots__/AddressEntity.pw.tsx_default_proxy-contract-without-any-name-1.png
diff --git a/..._/AddressEntity.pw.tsx_default_proxy-contract-without-implementation-name-1.png b/..._/AddressEntity.pw.tsx_default_proxy-contract-without-implementation-name-1.png