diff --git a/src/components/form/TextInput/index.tsx b/src/components/form/TextInput/index.tsx index 021bb077..e0b4cb29 100644 --- a/src/components/form/TextInput/index.tsx +++ b/src/components/form/TextInput/index.tsx @@ -46,22 +46,23 @@ const SContainer = styled('div', { const SInputWrapper = styled('div', { display: 'flex', alignItems: 'center', - - // height: '$48', }); const SInput = styled('input', { width: '100%', padding: '18px 20px', display: 'flex', alignItems: 'center', - fontAg: '16_medium_150', - lineHeight: '26px', + fontAg: '16_medium_100', color: '$gray10', background: '$gray800', borderRadius: 10, '&::placeholder': { color: '$gray300', }, + + '@tablet': { + padding: '16px', + }, }); const STextCount = styled('span', { width: '100%', diff --git a/src/components/page/meetingDetail/Information/InformationPanel.tsx b/src/components/page/meetingDetail/Information/InformationPanel.tsx index cc2f5aec..82565eab 100644 --- a/src/components/page/meetingDetail/Information/InformationPanel.tsx +++ b/src/components/page/meetingDetail/Information/InformationPanel.tsx @@ -8,7 +8,6 @@ dayjs.locale('ko'); import { PART_NAME } from '@constants/option'; import { useCallback, useRef, useState } from 'react'; import { GetMeetingResponse } from '@api/API_LEGACY/meeting'; -import { Chip } from '@sopt-makers/ui'; interface InformationPanelProps { detailData: GetMeetingResponse; @@ -89,12 +88,9 @@ const InformationPanel = ({ detailData }: InformationPanelProps) => { {title} {title === '모집 대상' && ( - {partList?.map(part => ( - - {part} - - ))} - {generation} + 대상 기수 : {generation} +
+ 대상 파트 : {partList?.join(', ')}
)} {handleContent(content)} diff --git a/src/constants/option.ts b/src/constants/option.ts index d8b80408..9ff3b33b 100644 --- a/src/constants/option.ts +++ b/src/constants/option.ts @@ -2,7 +2,7 @@ export const PART_NAME: Record = { PM: '기획', DESIGN: '디자인', IOS: 'iOS', - ANDROID: 'Android', + ANDROID: '안드로이드', SERVER: '서버', WEB: '웹', }; @@ -22,7 +22,7 @@ export const APPROVAL_STATUS_KOREAN_TO_ENGLISH: StringKeyObject = { }; export const APPLICATION_TYPE = ['신청', '초대']; export const CATEGORY_OPTIONS = ['스터디', '행사']; -export const PART_OPTIONS = ['기획', '디자인', 'Android', 'iOS', '웹', '서버']; +export const PART_OPTIONS = ['기획', '디자인', '안드로이드', 'iOS', '웹', '서버']; export const PART_VALUES = ['PM', 'DESIGN', 'ANDROID', 'IOS', 'WEB', 'SERVER']; export const ACTION_STATUS = ['모집 전', '모집 중', '모집 마감', '활동 중', '활동 종료'];