diff --git a/src/pages/FeedDetail/FeedDetail.page.tsx b/src/pages/FeedDetail/FeedDetail.page.tsx index bf4a3f4e..0d84af5e 100644 --- a/src/pages/FeedDetail/FeedDetail.page.tsx +++ b/src/pages/FeedDetail/FeedDetail.page.tsx @@ -1,3 +1,4 @@ +import styled from '@emotion/styled'; import { Badge, Divider, Header, Spacer, Text, TextDivider, Flex, Box } from 'concept-be-design-system'; import { useNavigate, useParams } from 'react-router-dom'; @@ -73,9 +74,9 @@ const FeedDetailPage = () => { {branchList.join(' / ')} - + {title} - + @@ -178,3 +179,7 @@ const FeedDetailPage = () => { }; export default FeedDetailPage; + +const LineHeightText = styled(Text)` + line-height: 20px; +`; diff --git a/src/pages/Write/components/TitleAndIntroduceSection.tsx b/src/pages/Write/components/TitleAndIntroduceSection.tsx index 73af240a..21cbdd89 100644 --- a/src/pages/Write/components/TitleAndIntroduceSection.tsx +++ b/src/pages/Write/components/TitleAndIntroduceSection.tsx @@ -15,7 +15,7 @@ type Props = { const TitleAndIntroduceSection = ({ title, introduce, onTitleChange, onIntroduceChange }: Props) => { const handleChangeTitle = (e: ChangeEvent) => { const newTitle = e.target.value; - if (newTitle.length > 20) return; // 제목 길이 제한 + if (newTitle.length > 40) return; // 제목 길이 제한 onTitleChange(newTitle); }; @@ -30,7 +30,7 @@ const TitleAndIntroduceSection = ({ title, introduce, onTitleChange, onIntroduce return ( <> { const handleChangeTitle = (e: ChangeEvent) => { const newTitle = e.target.value; - if (newTitle.length > 20) return; // 제목 길이 제한 + if (newTitle.length > 40) return; // 제목 길이 제한 onTitleChange(newTitle); }; diff --git a/src/pages/components/NewIdeaCard/compound/Content/Content.tsx b/src/pages/components/NewIdeaCard/compound/Content/Content.tsx index c936fd0f..eecb457f 100644 --- a/src/pages/components/NewIdeaCard/compound/Content/Content.tsx +++ b/src/pages/components/NewIdeaCard/compound/Content/Content.tsx @@ -47,7 +47,7 @@ const Content = ({ onClickDelete }: Props) => { - {title} + {title} {canEdit && ( @@ -97,3 +97,7 @@ const ContentText = styled.div` const TagWrapper = styled.div` padding: 0; `; + +const LineHeightText = styled(Text)` + line-height: 20px; +`;