diff --git a/src/asset/image/leaf.svg b/src/asset/image/leaf.svg new file mode 100644 index 00000000..9ae4a031 --- /dev/null +++ b/src/asset/image/leaf.svg @@ -0,0 +1,12 @@ +'' + diff --git a/src/asset/sass/pages/postPage/questionDetailPage.scss b/src/asset/sass/pages/postPage/questionDetailPage.scss index af7fc1dd..1fb40f2c 100644 --- a/src/asset/sass/pages/postPage/questionDetailPage.scss +++ b/src/asset/sass/pages/postPage/questionDetailPage.scss @@ -93,6 +93,7 @@ $job-keeper: '현직자'; margin-right: 7%; span { width: 100%; + color: #ff8d1d; } } diff --git a/src/asset/sass/pages/postPage/questionWritePage.scss b/src/asset/sass/pages/postPage/questionWritePage.scss index 542b0138..09b0e5a6 100644 --- a/src/asset/sass/pages/postPage/questionWritePage.scss +++ b/src/asset/sass/pages/postPage/questionWritePage.scss @@ -117,7 +117,6 @@ select { left: 5rem; margin-top: 5%; span { - overflow-wrap: break-word; font-weight: 900; font-family: 'Pretendard-ExtraBold'; font-size: 3.5rem; @@ -155,8 +154,8 @@ select { } .finger-image { - width: 0.9rem; - height: 1.2rem; + width: 1.8rem; + height: 1.8rem; } .tag-select-wrapper { @@ -164,6 +163,7 @@ select { flex-wrap: wrap-reverse; justify-content: center; row-gap: 10px; + margin-bottom: 4rem; } .tag-select { @@ -180,7 +180,6 @@ select { letter-spacing: -1px; span { - width: 12rem; display: flex; justify-content: center; overflow-wrap: break-word; diff --git a/src/components/pages/postPage/questionDetailPage.tsx b/src/components/pages/postPage/questionDetailPage.tsx index 5b8b5859..0f0ce699 100644 --- a/src/components/pages/postPage/questionDetailPage.tsx +++ b/src/components/pages/postPage/questionDetailPage.tsx @@ -8,6 +8,7 @@ import Answer from '../../ui/question/answer.tsx'; import TabBar from '../../ui/tabBar/tabBar'; import { BASE_URL } from '../../global/constants'; import Tree from '../../../asset/image/nature-ecology-tree-3--tree-plant-cloud-shape-park.svg'; +import Leaf from '../../../asset/image/leaf.svg'; import Reward from '../../../asset/image/reward.svg'; import Dot from '../../../asset/image/dots-vertical.svg'; import '../../../asset/sass/etc/header/userInfoHeader.scss'; @@ -49,7 +50,7 @@ const QuestionTitle = styled.div` `; const QuestionContent = styled.div` - margin: 3% 0% 2% 4%; + margin: 3% 0% 2% 4.5%; letter-spacing: -1.5px; font-size: 2rem; color: #000000; @@ -269,7 +270,7 @@ function QuestionDetailPage() {