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

fix: show mobile filters on top of nav (#5366)

Browse Source
This commit is contained in:
vignesh mohankumar 2022-11-21 14:00:59 -05:00 committed by GitHub
parent 93633a81a7
commit 4c23f62a24
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/nft/components/profile/view/FilterSidebar.tsx
View File

@ -84,14 +84,15 @@ export const FilterSidebar = ({
return ( return (
// @ts-ignore // @ts-ignore
<AnimatedBox <AnimatedBox
position="sticky" position={{ sm: 'fixed', md: 'sticky' }}
top="72" top={{ sm: '0', md: '72' }}
left={{ sm: '0', md: 'unset' }} left={{ sm: '0', md: 'unset' }}
width={{ sm: 'full', md: '332', lg: '332' }} width={{ sm: 'full', md: '332', lg: '332' }}
height={{ sm: 'full', md: 'auto' }} height={{ sm: 'full', md: 'auto' }}
zIndex={{ sm: '3', md: 'auto' }} zIndex={{ sm: 'modal', md: 'auto' }}
display={isFiltersExpanded ? 'flex' : 'none'} display={isFiltersExpanded ? 'flex' : 'none'}
style={{ transform: isMobile ? undefined : sidebarX.to((x) => `translateX(${x}px)`) }} style={{ transform: isMobile ? undefined : sidebarX.to((x) => `translateX(${x}px)`) }}
background="backgroundBackdrop"
> >
<Box <Box
paddingTop={{ sm: '24', md: '0' }} paddingTop={{ sm: '24', md: '0' }}