fix navbar jump bug

gallery-so · Apr 23, 2024 · 510ec59 · 510ec59
1 parent 987d10f
commit 510ec59
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 16 deletions.
diff --git a/apps/web/src/components/Profile/ProfileScreenLoadingSkeleton.tsx b/apps/web/src/components/Profile/ProfileScreenLoadingSkeleton.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import Skeleton from 'react-loading-skeleton';
-import colors from 'shared/theme/colors';
 import styled from 'styled-components';
 
 import { GalleryPageSpacing } from '~/pages/[username]';
 
-import breakpoints from '../core/breakpoints';
 import { VStack } from '../core/Spacer/Stack';
 
 const GallerySkeletonWrapper = styled.div`
@@ -15,6 +13,7 @@ const GallerySkeletonWrapper = styled.div`
 
 const Wrapper = styled.div`
   padding-left: 20px;
+  margin-bottom: 60px;
 `;
 
 const TitleSkeleton = styled(Skeleton)`
@@ -52,18 +51,6 @@ const ArtworkGridItemSkeleton = styled(Skeleton)`
   height: 300px;
 `;
 
-const Divider = styled.div`
-  width: 100%;
-  height: 1px;
-  background-color: ${colors.porcelain};
-  display: none;
-  margin-top: 60px;
-
-  @media only screen and ${breakpoints.desktop} {
-    display: block;
-  }
-`;
-
 const UserGallerySkeleton = () => {
   return (
     <GalleryPageSpacing>
@@ -74,7 +61,6 @@ const UserGallerySkeleton = () => {
             <UsernameFollowsSkeleton />
             <UsernameSocialsSkeleton />
           </Wrapper>
-          <Divider />
         </GallerySkeletonWrapper>
       </VStack>
       <Wrapper>

diff --git a/apps/web/src/contexts/globalLayout/GlobalNavbar/useGlobalNavbarHeight.tsx b/apps/web/src/contexts/globalLayout/GlobalNavbar/useGlobalNavbarHeight.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-const INITIAL_HEIGHT = 64;
+const INITIAL_HEIGHT = 56;
 
 export function useGlobalNavbarHeight() {
   const [height, setHeight] = useState(INITIAL_HEIGHT);