fix: profile picture styling (#28)

* Resize UP image * Allign UPs with other address entities
lukso-network · Nov 26, 2024 · 5fe1e9e · 5fe1e9e
1 parent 574a668
commit 5fe1e9e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/ui/shared/Page/PageTitle.tsx b/ui/shared/Page/PageTitle.tsx
@@ -154,7 +154,7 @@ const PageTitle = ({ title, contentAfter, withTextAd, backLink, className, isLoa
         { withTextAd && <TextAd order={{ base: -1, lg: 100 }} mb={{ base: 6, lg: 0 }} ml="auto" w={{ base: '100%', lg: 'auto' }}/> }
       </Flex>
       { secondRow && (
-        <Flex alignItems="center" minH={ 10 } overflow="hidden" _empty={{ display: 'none' }}>
+        <Flex alignItems="center" minH={ 10 } _empty={{ display: 'none' }}>
           { secondRow }
         </Flex>
       ) }

diff --git a/ui/shared/entities/address/IdenticonUniversalProfileQuery.tsx b/ui/shared/entities/address/IdenticonUniversalProfileQuery.tsx
@@ -74,9 +74,9 @@ export const IdenticonUniversalProfile: React.FC<Props> = ({
   }
 
   return (
-    <Skeleton isLoaded={ !isLoading }>
+    <Skeleton pr={ profileImageUrl ? 1.5 : 0 } isLoaded={ !isLoading }>
       { profileImageUrl ? (
-        <Box mx={ 2 }>
+        <Box style={{ transform: 'scale(0.8)', zIndex: 1000 }} zIndex={ 1000 } ml={ -0.5 }>
           <lukso-profile
             size="x-small"
             profile-url={ profileImageUrl }