Feat: add description in post detail

7-7-2 · Aug 29, 2024 · 1c63698 · 1c63698
1 parent 882c9c4
commit 1c63698
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/post/PostDetail.tsx b/src/components/post/PostDetail.tsx
@@ -22,7 +22,7 @@ import { InputContext } from '@/context/contexts';
 import { cx } from 'styled-system/css';
 import { styled } from 'styled-system/jsx';
 import { Between, Align, Flex } from '@/styles/layout';
-import { PostContent, Divider } from '@/styles/styles';
+import { PostTitle, PostContent, Divider } from '@/styles/styles';
 
 const ReplyToPanel = React.lazy(() => import('./ReplyToPanel'));
 const PublicOption = React.lazy(() => import('./overlay/PublicOption'));
@@ -112,7 +112,8 @@ const PostDetail = ({ postNum }: { postNum: string }) => {
             postId={postNum}
             userId={postData.data.userId}
           />
-          <PostContent>{postData.data.post_title}</PostContent>
+          <PostTitle>{postData.data.post_title}</PostTitle>
+          <PostContent>{postData.data.description}</PostContent>
           <CaffeineInfo
             brand={postData.data.brand}
             menu={postData.data.menu}

diff --git a/src/styles/styles.ts b/src/styles/styles.ts
@@ -266,10 +266,16 @@ export const PostsContainer = css`
   padding: 12px 0 0;
 `;
 
-export const PostContent = styled.div`
+export const PostTitle = styled.div`
+  font-weight: 500;
   font-size: var(--font-sizes-sm);
   line-height: 22px;
-  padding-bottom: 16px;
+  padding-bottom: 6px;
+`;
+export const PostContent = styled.p`
+  font-size: var(--font-sizes-sm);
+  line-height: 20px;
+  padding-bottom: 20px;
 `;
 
 export const CaffeineDetail = cx(