[#7] 세부 css 수정

primus-teoSprint · May 12, 2024 · 382b158 · 382b158
1 parent 6bd01d9
commit 382b158
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/components/IbulDialog/IdeaOutline.tsx b/src/components/IbulDialog/IdeaOutline.tsx
@@ -50,7 +50,7 @@ const StyleBottomClosedBtn = styled.button`
   justify-content: center;
   align-items: center;
   height: 54px;
-  width: 360px;
+  width: 353px;
   background-color: ${theme.color.purple700};
   color: ${theme.color.white};
   border-bottom-left-radius: 14px;
@@ -62,6 +62,7 @@ const StyleBottomClosedBtn = styled.button`
 const StyledDescriptionWrapper = styled.div`
   display: flex;
   flex-direction: column;
+  gap: 5px;
 `
 
 const IdeaOutline = () => {

diff --git a/src/components/common/Dialog/Content.tsx b/src/components/common/Dialog/Content.tsx
@@ -16,7 +16,7 @@ const StyledContent = styled(DialogPrimitive.Content)`
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90vw;
-  max-width: 360px;
+  max-width: 353px;
   min-height: 320px;
   max-height: 85vh;
   padding: 60px 20px 54px;

diff --git a/src/components/common/Dialog/Description.tsx b/src/components/common/Dialog/Description.tsx
@@ -41,8 +41,9 @@ const StyledDescription = styled(
   /* 기본값 */
   margin: 0;
   color: ${theme.color.black};
-  line-height: 150%;
+  line-height: 120%;
   letter-spacing: -0.05em;
+  white-space: pre-wrap;
   /* size */
   ${sizeStyles}
   /* theme */

diff --git a/src/components/common/Dialog/Title.tsx b/src/components/common/Dialog/Title.tsx
@@ -24,6 +24,8 @@ const DialogTitleSizeStyles = css<StyledTitleProps>`
 `
 
 const StyledTitle = styled(DialogPrimitive.Title)<StyledTitleProps>`
+  line-height: 140%;
+  letter-spacing: -0.05em;
   color: ${theme.color.black};
 
   ${DialogTitleSizeStyles}