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

style: adding header to top of profile page (#5285)

Browse Source
This commit is contained in:
Jack Short 2022-11-17 18:13:32 -05:00 committed by GitHub
parent b48af759f1
commit f1990ff001
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 76 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,6 +33,21 @@ const ProfilePageColumn = styled(Column)`
${ScreenBreakpointsPaddings}
`
const ProfileHeader = styled.div`
font-size: 28px;
font-weight: 500;
line-height: 38px;
padding-bottom: 16px;
margin-bottom: 8px;
border-bottom: 1px solid ${({ theme }) => theme.backgroundOutline};
@media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
font-size: 20px;
line-height: 28px;
margin-bottom: 0px;
}
`
export const DEFAULT_WALLET_ASSET_QUERY_AMOUNT = 25
const FILTER_SIDEBAR_WIDTH = 300
const PADDING = 16
@ -83,6 +98,8 @@ export const ProfilePage = () => {
{ownerAssets?.length === 0 ? (
<EmptyWalletContent />
) : (
<>
<ProfileHeader>My NFTs</ProfileHeader>
<Row alignItems="flex-start" position="relative">
<FilterSidebar />
@ -143,6 +160,7 @@ export const ProfilePage = () => {
</Column>
)}
</Row>
</>
)}
{sellAssets.length > 0 && (
<Row