From 00d6fe7de657398b0684bda533d8dbbe403deef5 Mon Sep 17 00:00:00 2001 From: Jeon Eonseok Date: Wed, 27 Nov 2024 17:29:22 +0900 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20required=20dot=20icon=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../org/OrgAdmin/assets/RequiredIcon.tsx | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 src/components/org/OrgAdmin/assets/RequiredIcon.tsx diff --git a/src/components/org/OrgAdmin/assets/RequiredIcon.tsx b/src/components/org/OrgAdmin/assets/RequiredIcon.tsx new file mode 100644 index 00000000..55cc1f5f --- /dev/null +++ b/src/components/org/OrgAdmin/assets/RequiredIcon.tsx @@ -0,0 +1,17 @@ +const RequiredIcon = () => { + return ( + + + + ); +}; + +export default RequiredIcon; From e6533c2be8ba097e817e1a0e535a7dfbfbab208e Mon Sep 17 00:00:00 2001 From: Jeon Eonseok Date: Wed, 27 Nov 2024 17:29:42 +0900 Subject: [PATCH 2/3] =?UTF-8?q?design:=20header=20=EB=B6=80=EB=B6=84=20ui?= =?UTF-8?q?=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../org/OrgAdmin/RecruitSection/Header.tsx | 16 +++++++++++++--- .../org/OrgAdmin/RecruitSection/style.ts | 8 ++++---- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/src/components/org/OrgAdmin/RecruitSection/Header.tsx b/src/components/org/OrgAdmin/RecruitSection/Header.tsx index 1f5321b1..50a6bbaa 100644 --- a/src/components/org/OrgAdmin/RecruitSection/Header.tsx +++ b/src/components/org/OrgAdmin/RecruitSection/Header.tsx @@ -1,7 +1,14 @@ import { useFormContext } from 'react-hook-form'; +import RequiredIcon from '../assets/RequiredIcon'; import MyDropzone from '../MyDropzone'; -import { StDescription, StTitle, StTitleWrapper, StWrapper } from '../style'; +import { + StDescription, + StLabel, + StTitle, + StTitleWrapper, + StWrapper, +} from '../style'; import { StLabelWrapper } from './style'; const Header = () => { @@ -10,8 +17,11 @@ const Header = () => { return ( - 헤더 - 이미지 + 지원하기탭 헤더 + + 이미지 + + 이미지는 1920*580 크기로 올려주세요. ‘지원하기’탭 가장 상단에 보여지는 이미지예요. diff --git a/src/components/org/OrgAdmin/RecruitSection/style.ts b/src/components/org/OrgAdmin/RecruitSection/style.ts index 21466d18..2e8c80b6 100644 --- a/src/components/org/OrgAdmin/RecruitSection/style.ts +++ b/src/components/org/OrgAdmin/RecruitSection/style.ts @@ -1,9 +1,9 @@ import styled from '@emotion/styled'; -import { StLabel } from '../style'; - -export const StLabelWrapper = styled(StLabel)` - display: inline-block; +export const StLabelWrapper = styled.div` + display: flex; + gap: 4px; + align-items: center; margin: 30px 0px 8px; `; From 342495bd52d4e1aa3a33e822d4fa86b843ad0971 Mon Sep 17 00:00:00 2001 From: Jeon Eonseok Date: Wed, 27 Nov 2024 17:29:52 +0900 Subject: [PATCH 3/3] =?UTF-8?q?design:=20=EB=82=98=EB=A8=B8=EC=A7=80=20?= =?UTF-8?q?=EB=B6=80=EB=B6=84=20Ui=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/org/OrgAdmin/RecruitSection/Fna.tsx | 5 +++++ .../org/OrgAdmin/RecruitSection/PartCurriculum.tsx | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/org/OrgAdmin/RecruitSection/Fna.tsx b/src/components/org/OrgAdmin/RecruitSection/Fna.tsx index fbd4ab45..0c720706 100644 --- a/src/components/org/OrgAdmin/RecruitSection/Fna.tsx +++ b/src/components/org/OrgAdmin/RecruitSection/Fna.tsx @@ -40,6 +40,7 @@ const Fna = () => { topAddon={{ labelText: '질문1', }} + required fixedHeight={74} maxHeight={74} placeholder="질문을 입력해주세요." @@ -50,6 +51,7 @@ const Fna = () => { {...register(`recruitQuestion.${selectedPart}.questions.0.answer`, { required: true && VALIDATION_CHECK.required.errorText, })} + required fixedHeight={74} maxHeight={74} placeholder="답변을 입력해주세요." @@ -68,6 +70,7 @@ const Fna = () => { topAddon={{ labelText: '질문2', }} + required fixedHeight={74} maxHeight={74} placeholder="질문을 입력해주세요." @@ -78,6 +81,7 @@ const Fna = () => { {...register(`recruitQuestion.${selectedPart}.questions.1.answer`, { required: true && VALIDATION_CHECK.required.errorText, })} + required fixedHeight={74} maxHeight={74} placeholder="답변을 입력해주세요." @@ -96,6 +100,7 @@ const Fna = () => { topAddon={{ labelText: '질문3', }} + required fixedHeight={74} maxHeight={74} placeholder="질문을 입력해주세요." diff --git a/src/components/org/OrgAdmin/RecruitSection/PartCurriculum.tsx b/src/components/org/OrgAdmin/RecruitSection/PartCurriculum.tsx index fca5e92e..64964480 100644 --- a/src/components/org/OrgAdmin/RecruitSection/PartCurriculum.tsx +++ b/src/components/org/OrgAdmin/RecruitSection/PartCurriculum.tsx @@ -22,7 +22,7 @@ const PartCurriculum = () => { return ( - 파트별 인재상 + 파트별 소개 { topAddon={{ labelText: `${selectedPart} 파트는 이런 걸 배워요.`, }} + required fixedHeight={158} maxHeight={158} placeholder="파트별 설명을 작성해주세요." @@ -49,6 +50,7 @@ const PartCurriculum = () => { topAddon={{ labelText: '이런 분이면 좋아요!', }} + required fixedHeight={230} maxHeight={230} placeholder={`파트별 인재상을 작성해주세요.