Skip to content

I
interface
Commit a554af66 authored by Jordan Frankfurt's avatar Jordan Frankfurt
Browse files
Options

pr feedback

parent d14c49df
Hide whitespace changes
Inline Side-by-side
Showing with 3 additions and 2 deletions
src/pages/Landing/index.tsx
View file @ a554af66
...@@ -32,7 +32,7 @@ const Gradient = styled.div<{ isDarkMode: boolean }>` ...@@ -32,7 +32,7 @@ const Gradient = styled.div<{ isDarkMode: boolean }>`
isDarkMode isDarkMode
? 'linear-gradient(rgba(8, 10, 24, 0) 0%, rgb(8 10 24 / 100%) 45%)' ? 'linear-gradient(rgba(8, 10, 24, 0) 0%, rgb(8 10 24 / 100%) 45%)'
: 'linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255 255 255 /100%) 45%)'}; : 'linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255 255 255 /100%) 45%)'};
z-index: ${Z_INDEX.dropdown - 1}; z-index: ${Z_INDEX.under_dropdown};
pointer-events: none; pointer-events: none;
` `
...@@ -55,7 +55,7 @@ const ContentContainer = styled.div<{ isDarkMode: boolean }>` ...@@ -55,7 +55,7 @@ const ContentContainer = styled.div<{ isDarkMode: boolean }>`
max-width: min(720px, 90%); max-width: min(720px, 90%);
position: sticky; position: sticky;
bottom: 0; bottom: 0;
z-index: ${Z_INDEX.dropdown - 1}; z-index: ${Z_INDEX.under_dropdown};
padding: 32px 0 80px; 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`};
......
src/theme/zIndex.ts
View file @ a554af66
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
export enum Z_INDEX { export enum Z_INDEX {
deprecated_zero = 0, deprecated_zero = 0,
deprecated_content = 1, deprecated_content = 1,
under_dropdown = 999,
dropdown = 1000, dropdown = 1000,
sticky = 1020, sticky = 1020,
fixed = 1030, fixed = 1030,
......
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