feat: adjusted shrink mechanism

zimmerman-team · Jul 28, 2020 · 6301ecc · 6301ecc
1 parent ec2e506
commit 6301ecc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/app/components/surfaces/AppBar/index.tsx b/src/app/components/surfaces/AppBar/index.tsx
@@ -63,7 +63,7 @@ const BaseComponent = styled((props) => <BaseAppBar {...props} />)`
 export const AppBar = (props: AppBarProps) => {
   // const [shouldHideHeader, setShouldHideHeader] = useState(false);
   const [shouldShrink, setShouldShowShadow] = useState(false);
-  const MINIMUM_SCROLL = 150;
+  const MINIMUM_SCROLL = 180;
   const TIMEOUT_DELAY = 400;
 
   useDocumentScrollThrottled((callbackData) => {

diff --git a/src/app/index.tsx b/src/app/index.tsx
@@ -19,8 +19,7 @@ function App() {
             display: flex;
             justify-content: center;
             align-items: center;
-
-            z-index: 200;
+            z-index: 20;
             position: fixed;
             width: 1040px;
             top: 40px;