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; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 2px 4px 2px 12px; padding: 6px 6px 6px 12px;
font-weight: 600; font-weight: 600;
border-radius: 12px; border-radius: 8px;
background-color: ${({ theme }) => theme.backgroundInteractive}; background-color: ${({ theme }) => theme.backgroundInteractive};
font-size: 14px; font-size: 14px;
` `

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

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