Commit e95e2321 authored by Vignesh Mohankumar's avatar Vignesh Mohankumar Committed by GitHub

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

* fix: update padding to 80px on mobile landing

* try 100

* try 120

* 140

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