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

fix: used sticky position for landing page content (#5699)

Browse Source 
* fix: update padding to 80px on mobile landing

* try 100

* try 120

* 140

* try sticky
This commit is contained in:
Vignesh Mohankumar 2022-12-15 13:29:55 -05:00 committed by GitHub
parent 8b1bf09ff1
commit e95e2321b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Landing/index.tsx
View File

@ -54,17 +54,17 @@ const ContentContainer = styled.div<{ isDarkMode: boolean }>`
align-items: center;
width: 100%;
max-width: min(720px, 90%);
position: absolute;
position: sticky;
bottom: 0;
z-index: ${Z_INDEX.dropdown};
padding: 32px 0 64px;
padding: 32px 0 80px;
transition: ${({ theme }) => `${theme.transition.duration.medium} ${theme.transition.timing.ease} opacity`};
* {
pointer-events: auto;
}
@media screen and (min-width: ${BREAKPOINTS.sm}px) {
@media screen and (min-width: ${BREAKPOINTS.md}px) {
padding: 64px 0;
}
`