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

fix: remove shadow and gap on mobile (#6906)

Browse Source 
* remove shadow and gap on mobile

* remove empty brackets
This commit is contained in:
Brendan Wong 2023-07-17 16:39:48 -04:00 committed by GitHub
parent 95f61487e8
commit 55bf30c0e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/NavBar/MenuDropdown.tsx
View File

@ -137,7 +137,7 @@ export const MenuDropdown = () => {
</NavIcon>
{isOpen && (
<NavDropdown top={{ sm: 'unset', lg: '56' }} bottom={{ sm: '56', lg: 'unset' }} right="0">
<NavDropdown top={{ sm: 'unset', lg: '56' }} bottom={{ sm: '50', lg: 'unset' }} right="0">
<Column gap="16">
<Column paddingX="8" gap="4">
<Box display={{ sm: 'none', lg: 'flex', xxl: 'none' }}>

7
src/components/NavBar/NavDropdown.css.ts
View File

@ -11,9 +11,6 @@ const baseNavDropdown = style([
paddingBottom: '8',
paddingTop: '8',
}),
{
boxShadow: '0px 4px 12px 0px #00000026',
},
])
export const NavDropdown = style([
@ -22,7 +19,7 @@ export const NavDropdown = style([
position: 'absolute',
borderRadius: '12',
}),
{},
{ boxShadow: '0px 4px 12px 0px #00000026' },
])
export const mobileNavDropdown = style([
@ -32,7 +29,7 @@ export const mobileNavDropdown = style([
borderTopRightRadius: '12',
borderTopLeftRadius: '12',
top: 'unset',
bottom: '56',
bottom: '50',
left: '0',
right: '0',
width: 'full',