Skip to content

I
interface
Commit 321b8df3 authored by Charles Bachmeier's avatar Charles Bachmeier Committed by GitHub
Browse files
Options

fix: working profile scroll on mobile (#5291) 

* working scroll on mobile

* just continue
Co-authored-by: default avatarCharles Bachmeier <charlie@genie.xyz>
parent f1990ff0
Hide whitespace changes
Inline Side-by-side
Showing with 4 additions and 26 deletions
src/nft/components/profile/list/ListPage.tsx
View file @ 321b8df3
...@@ -685,7 +685,7 @@ export const ListPage = () => { ...@@ -685,7 +685,7 @@ export const ListPage = () => {
return ( return (
<Column display="flex" flexWrap="nowrap"> <Column display="flex" flexWrap="nowrap">
<Column marginLeft="14" display={{ sm: 'none', lg: 'flex' }}> <Column marginLeft="14" display="flex">
<Box <Box
aria-label="Back" aria-label="Back"
as="button" as="button"
......
src/nft/pages/profile/profile.css.ts
View file @ 321b8df3
...@@ -15,11 +15,8 @@ export const notConnected = style({ ...@@ -15,11 +15,8 @@ export const notConnected = style({
height: '70vh', height: '70vh',
}) })
export const mobileSellWrapper = style([ export const profileWrapper = style([
sprinkles({ sprinkles({
position: { sm: 'fixed', md: 'static' },
top: { sm: '0', md: 'unset' },
zIndex: { sm: '3', md: 'auto' },
height: { sm: 'full', md: 'auto' }, height: { sm: 'full', md: 'auto' },
width: 'full', width: 'full',
}), }),
...@@ -27,14 +24,3 @@ export const mobileSellWrapper = style([ ...@@ -27,14 +24,3 @@ export const mobileSellWrapper = style([
scrollbarWidth: 'none', scrollbarWidth: 'none',
}, },
]) ])
export const mobileSellHeader = style([
sprinkles({
display: { sm: 'flex', md: 'none' },
paddingY: '24',
paddingX: '16',
}),
{
height: NAVBAR_HEIGHT,
},
])
src/nft/pages/profile/profile.tsx
View file @ 321b8df3
...@@ -3,8 +3,7 @@ import { PageName } from '@uniswap/analytics-events' ...@@ -3,8 +3,7 @@ import { PageName } from '@uniswap/analytics-events'
import { useWeb3React } from '@web3-react/core' import { useWeb3React } from '@web3-react/core'
import { useLoadNftBalanceQuery } from 'graphql/data/nft/NftBalance' import { useLoadNftBalanceQuery } from 'graphql/data/nft/NftBalance'
import { Box } from 'nft/components/Box' import { Box } from 'nft/components/Box'
import { Center, Column, Row } from 'nft/components/Flex' import { Center, Column } from 'nft/components/Flex'
import { ChevronLeftIcon } from 'nft/components/icons'
import { ListPage } from 'nft/components/profile/list/ListPage' import { ListPage } from 'nft/components/profile/list/ListPage'
import { ProfilePage } from 'nft/components/profile/view/ProfilePage' import { ProfilePage } from 'nft/components/profile/view/ProfilePage'
import { ProfilePageLoadingSkeleton } from 'nft/components/profile/view/ProfilePageLoadingSkeleton' import { ProfilePageLoadingSkeleton } from 'nft/components/profile/view/ProfilePageLoadingSkeleton'
...@@ -47,17 +46,10 @@ const ProfileContent = () => { ...@@ -47,17 +46,10 @@ const ProfileContent = () => {
return ( return (
<Trace page={PageName.NFT_PROFILE_PAGE} shouldLogImpression> <Trace page={PageName.NFT_PROFILE_PAGE} shouldLogImpression>
<Box className={styles.mobileSellWrapper}> <Box className={styles.profileWrapper}>
{/* <Head> TODO: figure out metadata tagging {/* <Head> TODO: figure out metadata tagging
<title>Genie | Sell</title> <title>Genie | Sell</title>
</Head> */} </Head> */}
<Row className={styles.mobileSellHeader}>
{sellPageState === ProfilePageStateType.LISTING && (
<Box marginRight="4" onClick={() => setSellPageState(ProfilePageStateType.VIEWING)}>
<ChevronLeftIcon height={28} width={28} />
</Box>
)}
</Row>
{account != null ? ( {account != null ? (
<Box style={{ width: `calc(100% - ${cartExpanded ? SHOPPING_BAG_WIDTH : 0}px)` }}> <Box style={{ width: `calc(100% - ${cartExpanded ? SHOPPING_BAG_WIDTH : 0}px)` }}>
{sellPageState === ProfilePageStateType.VIEWING ? <ProfilePage /> : <ListPage />} {sellPageState === ProfilePageStateType.VIEWING ? <ProfilePage /> : <ListPage />}
......
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