Fixed half shadow on single post page

- Added full shadow
mbeps · Mar 14, 2023 · 21bac99 · 21bac99
1 parent 4bdbec8
commit 21bac99
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Posts/Comments/Comments.tsx b/src/components/Posts/Comments/Comments.tsx
@@ -182,7 +182,7 @@ const Comments: React.FC<CommentsProps> = ({
   }, [selectedPost]);
 
   return (
-    <Box bg="white" borderRadius="0px 0px 10px 10px">
+    <Box bg="white" borderRadius="0px 0px 10px 10px" shadow="md">
       <Flex
         direction="column"
         pl={10}

diff --git a/src/components/Posts/PostItem.tsx b/src/components/Posts/PostItem.tsx
@@ -128,7 +128,7 @@ const PostItem: React.FC<PostItemProps> = ({
       borderRadius={singlePostPage ? "10px 10px 0px 0px" : "10px"}
       _hover={{
         borderColor: singlePostPage ? "none" : "gray.400",
-        boxShadow: "xl",
+        boxShadow: !singlePostPage && "xl",
       }}
       cursor={singlePostPage ? "unset" : "pointer"}
       onClick={() => onSelectPost && onSelectPost(post)} // if a post is selected then open post