Skip to content

I
interface
Commit 4c23f62a authored by vignesh mohankumar's avatar vignesh mohankumar Committed by GitHub
Browse files
Options

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

parent 93633a81
Hide whitespace changes
Inline Side-by-side
Showing with 4 additions and 3 deletions
src/nft/components/profile/view/FilterSidebar.tsx
View file @ 4c23f62a
...@@ -84,14 +84,15 @@ export const FilterSidebar = ({ ...@@ -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' }}
......
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