Commit c840de73 authored by aballerr's avatar aballerr Committed by GitHub

fix: verified icon fix (#5538)

* fixed verified icon  on details to follow title properly
parent ab4271b2
...@@ -189,8 +189,6 @@ const CollectionNameContainer = styled.div` ...@@ -189,8 +189,6 @@ const CollectionNameContainer = styled.div`
` `
const CollectionHeader = styled.span` const CollectionHeader = styled.span`
display: flex;
align-items: center;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 24px;
...@@ -199,6 +197,15 @@ const CollectionHeader = styled.span` ...@@ -199,6 +197,15 @@ const CollectionHeader = styled.span`
${OpacityHoverState}; ${OpacityHoverState};
` `
const VerifiedIconContainer = styled.span`
position: relative;
`
const StyledVerifiedIcon = styled(VerifiedIcon)`
position: absolute;
top: 0px;
`
const DefaultLink = styled(Link)` const DefaultLink = styled(Link)`
text-decoration: none; text-decoration: none;
` `
...@@ -357,7 +364,8 @@ export const AssetPriceDetails = ({ asset, collection }: AssetPriceDetailsProps) ...@@ -357,7 +364,8 @@ export const AssetPriceDetails = ({ asset, collection }: AssetPriceDetailsProps)
<CollectionNameContainer> <CollectionNameContainer>
<DefaultLink to={`/nfts/collection/${asset.address}`}> <DefaultLink to={`/nfts/collection/${asset.address}`}>
<CollectionHeader> <CollectionHeader>
{collection.collectionName} {collection.isVerified && <VerifiedIcon />} {collection.collectionName}
<VerifiedIconContainer>{collection.isVerified && <StyledVerifiedIcon />}</VerifiedIconContainer>
</CollectionHeader> </CollectionHeader>
</DefaultLink> </DefaultLink>
<UploadLink onClick={shareTweet} target="_blank"> <UploadLink onClick={shareTweet} target="_blank">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment