ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Reduce radius and increase padding of trait chips on collection/profile pages (#5196)

Browse Source 
* style: Reduce border radius and increase padding of trait chips on collection pages.

* Update trait chips on profile/view my NFTs page.

Co-authored-by: Padmini Pyapali <padminipyapali@Padminis-MacBook-Pro.local>
This commit is contained in:
unipadmini 2022-11-14 07:50:11 -05:00 committed by GitHub
parent fc81c6e37d
commit 6215911719
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/nft/components/collection/TraitChip.tsx
View File

@ -5,9 +5,9 @@ const TraitChipWrap = styled.div`
display: flex;
justify-content: space-between;
align-items: center;
padding: 2px 4px 2px 12px;
padding: 6px 6px 6px 12px;
font-weight: 600;
border-radius: 12px;
border-radius: 8px;
background-color: ${({ theme }) => theme.backgroundInteractive};
font-size: 14px;
`

10
src/nft/components/profile/view/ProfilePage.tsx
View File

@ -327,11 +327,11 @@ const CollectionFilterItem = ({
return (
<Row
justifyContent="center"
paddingRight="4"
paddingTop="4"
paddingBottom="4"
paddingLeft="8"
borderRadius="12"
paddingTop="6"
paddingRight="6"
paddingBottom="6"
paddingLeft="12"
borderRadius="8"
background="backgroundOutline"
fontSize="14"
>