Skip to content

I
interface
Commit f1990ff0 authored by Jack Short's avatar Jack Short Committed by GitHub
Browse files
Options

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

parent b48af759
Show whitespace changes
Inline Side-by-side
Showing with 76 additions and 58 deletions
src/nft/components/profile/view/ProfilePage.tsx
View file @ f1990ff0
...@@ -33,6 +33,21 @@ const ProfilePageColumn = styled(Column)` ...@@ -33,6 +33,21 @@ const ProfilePageColumn = styled(Column)`
${ScreenBreakpointsPaddings} ${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 export const DEFAULT_WALLET_ASSET_QUERY_AMOUNT = 25
const FILTER_SIDEBAR_WIDTH = 300 const FILTER_SIDEBAR_WIDTH = 300
const PADDING = 16 const PADDING = 16
...@@ -83,6 +98,8 @@ export const ProfilePage = () => { ...@@ -83,6 +98,8 @@ export const ProfilePage = () => {
{ownerAssets?.length === 0 ? ( {ownerAssets?.length === 0 ? (
<EmptyWalletContent /> <EmptyWalletContent />
) : ( ) : (
<>
<ProfileHeader>My NFTs</ProfileHeader>
<Row alignItems="flex-start" position="relative"> <Row alignItems="flex-start" position="relative">
<FilterSidebar /> <FilterSidebar />
...@@ -143,6 +160,7 @@ export const ProfilePage = () => { ...@@ -143,6 +160,7 @@ export const ProfilePage = () => {
</Column> </Column>
)} )}
</Row> </Row>
</>
)} )}
{sellAssets.length > 0 && ( {sellAssets.length > 0 && (
<Row <Row
......
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