fix: style fixes staging (#986)

* fix: style fixes staging * chore: remove unused import * chore: remove unwanted layer
geyserfund · Jun 20, 2023 · 089b5f5 · 089b5f5
1 parent f6c78da
commit 089b5f5
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/src/components/ui/ProjectStatusLabel.tsx b/src/components/ui/ProjectStatusLabel.tsx
@@ -1,4 +1,11 @@
-import { Icon, Stack, StackDirection, Text, Tooltip } from '@chakra-ui/react'
+import {
+  Icon,
+  SkeletonText,
+  Stack,
+  StackDirection,
+  Text,
+  Tooltip,
+} from '@chakra-ui/react'
 import { HTMLChakraProps } from '@chakra-ui/system'
 import { useEffect, useState } from 'react'
 import { BsFillCheckCircleFill, BsFillXCircleFill } from 'react-icons/bs'
@@ -106,7 +113,11 @@ export const ProjectStatusLabel = ({
   }, [project])
 
   if (!status) {
-    return null
+    return (
+      <Stack direction={direction} alignItems="center">
+        <SkeletonText width="80px" skeletonHeight={4} noOfLines={1} />
+      </Stack>
+    )
   }
 
   const CurrentIcon = ProjectStatusIcons[status]

diff --git a/src/pages/projectView/projectMainBody/index.tsx b/src/pages/projectView/projectMainBody/index.tsx
@@ -88,7 +88,7 @@ export const ProjectMainBody = () => {
         <Box className={classes.detailsContainer} id="project-scroll-container">
           <VStack alignItems="center" width="100%" flex="1">
             <VStack
-              spacing={5}
+              spacing={3}
               alignItems="left"
               mt={isMobile ? 0 : 5}
               maxWidth="1000px"

diff --git a/src/pages/projectView/projectMainBody/sections/Header.tsx b/src/pages/projectView/projectMainBody/sections/Header.tsx
@@ -46,7 +46,7 @@ export const Header = forwardRef<HTMLDivElement>((_, ref) => {
       return (
         <ImageWithReload
           width="100%"
-          maxHeight="471px"
+          maxHeight="350px"
           objectFit="cover"
           borderRadius="8px"
           src={project.image || undefined}
@@ -61,7 +61,7 @@ export const Header = forwardRef<HTMLDivElement>((_, ref) => {
     return (
       <DefaultImage
         width="100%"
-        maxHeight="471px"
+        maxHeight="350px"
         objectFit="cover"
         borderRadius="8px"
       />
@@ -78,8 +78,8 @@ export const Header = forwardRef<HTMLDivElement>((_, ref) => {
           objectFit="cover"
           src={project.thumbnailImage || undefined}
           width="80px"
-          height="76px"
-          maxHeight="91px"
+          height="80px"
+          maxHeight="80px"
           boxShadow="lg"
         />
         <VStack