fix: 모임 소개글 텍스트 스타일 수정

PICK-PLE · Jul 19, 2024 · 8591931 · 8591931
1 parent 7e0205c
commit 8591931
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/pages/class/components/ClassInfo/ClassInfo.style.ts b/src/pages/class/components/ClassInfo/ClassInfo.style.ts
@@ -6,3 +6,10 @@ export const classInfoContainer = (theme: Theme) => css`
   ${theme.font['body02-r-14']};
   color: ${theme.color.midgray2};
 `;
+
+export const contentStyle = (theme: Theme) => css`
+  ${theme.font['body02-r-14']};
+  color: ${theme.color.midgray2};
+
+  white-space: pre-line;
+`;
diff --git a/src/pages/class/components/ClassInfo/ClassInfo.tsx b/src/pages/class/components/ClassInfo/ClassInfo.tsx
@@ -1,4 +1,4 @@
-import { classInfoContainer } from './ClassInfo.style';
+import { classInfoContainer, contentStyle } from './ClassInfo.style';
 
 interface ClassInfoProps {
   content: string;
@@ -7,7 +7,7 @@ interface ClassInfoProps {
 const ClassInfo = ({ content }: ClassInfoProps) => {
   return (
     <article css={classInfoContainer}>
-      <p>{content}</p>
+      <p css={contentStyle}>{content}</p>
     </article>
   );
 };