diff --git a/src/components/org/OrgAdmin/RecruitSection/Fna.tsx b/src/components/org/OrgAdmin/RecruitSection/Fna.tsx index e6598edd..ddc75392 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="질문을 입력해주세요." @@ -56,6 +57,7 @@ const Fna = () => { {...register(`recruitQuestion_${selectedPart}_questions_0_answer`, { required: true && VALIDATION_CHECK.required.errorText, })} + required fixedHeight={74} maxHeight={74} placeholder="답변을 입력해주세요." @@ -80,6 +82,7 @@ const Fna = () => { topAddon={{ labelText: '질문2', }} + required fixedHeight={74} maxHeight={74} placeholder="질문을 입력해주세요." @@ -96,6 +99,7 @@ const Fna = () => { {...register(`recruitQuestion_${selectedPart}_questions_1_answer`, { required: true && VALIDATION_CHECK.required.errorText, })} + required fixedHeight={74} maxHeight={74} placeholder="답변을 입력해주세요." @@ -120,6 +124,7 @@ const Fna = () => { topAddon={{ labelText: '질문3', }} + required fixedHeight={74} maxHeight={74} placeholder="질문을 입력해주세요." 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/PartCurriculum.tsx b/src/components/org/OrgAdmin/RecruitSection/PartCurriculum.tsx index af33b5fe..362a171e 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="파트별 설명을 작성해주세요." @@ -55,6 +56,7 @@ const PartCurriculum = () => { topAddon={{ labelText: '이런 분이면 좋아요!', }} + required fixedHeight={230} maxHeight={230} placeholder={`파트별 인재상을 작성해주세요. 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; `; 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;