Style: 덧글과 게시글 사이 구분선 추가

TeamATM · Oct 18, 2023 · 5af3b7b · 5af3b7b
1 parent 7a96cc7
commit 5af3b7b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/community/PostHeader.tsx b/src/components/community/PostHeader.tsx
@@ -49,9 +49,8 @@ const headerCSS = css`
   z-index: 100; // 채팅보다 위에 존재해야하기 때문에 필요함
   width: 100%;
   max-width: 400px;
-  padding-left: 1.25rem;
-  padding-right: 0.6rem;
-  padding-top: 0.6rem;  display: flex;
+  padding: 1rem 1rem;
+  display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;

diff --git a/src/pages/community/[character_id]/[post_id]/index.tsx b/src/pages/community/[character_id]/[post_id]/index.tsx
@@ -11,6 +11,7 @@ import { PostData } from '@/types/post';
 import PostHeader from '@/components/community/PostHeader';
 import Image from 'next/image';
 import PostStatus from '@/components/community/postDetail/PostStatus';
+import DivideLine from '@/components/common/divideLine/DivideLine';
 
 const Post = () => {
   const router = useRouter();
@@ -30,8 +31,8 @@ const Post = () => {
   return (
     <>
       <SEO title="Community - Post" />
+      <PostHeader />
       <section css={pageCSS}>
-        <PostHeader />
         <div css={postCSS}>
           {post ? (
             <div>
@@ -52,6 +53,8 @@ const Post = () => {
           )
             : <Loading />}
         </div>
+        <DivideLine />
+        <div>덧글은 추후에 제공될 예정입니다 :)</div>
       </section>
       <BottomNavBar pageName="Community" />
     </>
@@ -64,12 +67,12 @@ const pageCSS = css`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 0.5rem;
+  padding: 0 3rem;
 `;
 
 const postCSS = css`
   width: 100%;
-  padding: 1rem 3rem;
+  padding: 1rem 0;
 `;
 
 const titleCSS = css`