Style: 게시글 분리하는 라인 CSS 수정

TeamATM · Oct 19, 2023 · 65c7089 · 65c7089
1 parent 6f1830e
commit 65c7089
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/src/components/community/postList/Post.tsx b/src/components/community/postList/Post.tsx
@@ -2,7 +2,6 @@ import { postDateParse } from '@/utils/services/date';
 import FriendWrapper from '@/components/friends/friend/FriendWrapper';
 import HeartIcon from '@/components/icons/HeartIcon';
 import CommentIcon from '@/components/icons/CommentIcon';
-import DivideLine from '@/components/common/divideLine/DivideLine';
 import color from '@/styles/color';
 import { css } from '@emotion/react';
 import { FC } from 'react';
@@ -35,7 +34,9 @@ const Post: FC<PostStates> = ({ characterId, post }) => (
         </li>
       </ul>
     </FriendWrapper>
-    <DivideLine />
+    <div css={lineContainerCSS}>
+      <div css={lineCSS} />
+    </div>
   </>
 );
 
@@ -70,3 +71,20 @@ const statusCSS = css`
   font-weight: bold;
   color: ${color.black};
 `;
+
+const lineContainerCSS = css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  color:  ${color.lightGray};
+  font-size: 0.875rem;
+`;
+
+const lineCSS = css`
+  display: block;
+  margin: 0.625rem;
+  height: 1px;
+  background: ${color.lightGray};
+  width: 100%;
+`;