diff --git a/frontend/src/assets/images/logoSunglass.svg b/frontend/src/assets/images/logoSunglass.svg index 4df236bc..85c0f5bf 100644 --- a/frontend/src/assets/images/logoSunglass.svg +++ b/frontend/src/assets/images/logoSunglass.svg @@ -1,4 +1,9 @@ - + + + + + + diff --git a/frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/MeetingDateTime.styles.ts b/frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/MeetingDateTime.styles.ts new file mode 100644 index 00000000..5a773ede --- /dev/null +++ b/frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/MeetingDateTime.styles.ts @@ -0,0 +1,16 @@ +import { css } from '@emotion/react'; + +export const s_container = css` + overflow: scroll; + display: flex; + flex-direction: column; + gap: 2.4rem; + + height: calc(100% - 6rem); +`; + +export const s_dateCandidateSelector = css` + display: flex; + flex-direction: column; + gap: 1.2rem; +`; diff --git a/frontend/src/pages/CreateMeetingPage/MeetingDateTime.tsx b/frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/index.tsx similarity index 91% rename from frontend/src/pages/CreateMeetingPage/MeetingDateTime.tsx rename to frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/index.tsx index daa6d786..9983c6a5 100644 --- a/frontend/src/pages/CreateMeetingPage/MeetingDateTime.tsx +++ b/frontend/src/pages/CreateMeetingPage/components/MeetingDateTime/index.tsx @@ -16,6 +16,8 @@ import type { UseTimeRangeDropdownReturn } from '@hooks/useTimeRangeDropdown/use import { FIELD_DESCRIPTIONS } from '@constants/inputFields'; +import { s_container, s_dateCandidateSelector } from './MeetingDateTime.styles'; + interface MeetingDateTimeProps { meetingDateInput: ReturnType; meetingTimeInput: UseTimeRangeDropdownReturn; @@ -69,8 +71,8 @@ export default function MeetingDateTime({ }; return ( - <> - +
+
@@ -100,14 +102,15 @@ export default function MeetingDateTime({ - - + +
+ {!isChecked && ( @@ -123,6 +126,6 @@ export default function MeetingDateTime({ 약속 생성하기 - +
); } diff --git a/frontend/src/pages/CreateMeetingPage/MeetingHostInfo.tsx b/frontend/src/pages/CreateMeetingPage/components/MeetingHostInfo/index.tsx similarity index 100% rename from frontend/src/pages/CreateMeetingPage/MeetingHostInfo.tsx rename to frontend/src/pages/CreateMeetingPage/components/MeetingHostInfo/index.tsx diff --git a/frontend/src/pages/CreateMeetingPage/MeetingName.tsx b/frontend/src/pages/CreateMeetingPage/components/MeetingName/index.tsx similarity index 100% rename from frontend/src/pages/CreateMeetingPage/MeetingName.tsx rename to frontend/src/pages/CreateMeetingPage/components/MeetingName/index.tsx diff --git a/frontend/src/pages/CreateMeetingPage/index.tsx b/frontend/src/pages/CreateMeetingPage/index.tsx index 077018d2..397c4a29 100644 --- a/frontend/src/pages/CreateMeetingPage/index.tsx +++ b/frontend/src/pages/CreateMeetingPage/index.tsx @@ -1,6 +1,6 @@ -import MeetingDateTime from '@pages/CreateMeetingPage/MeetingDateTime'; -import MeetingHostInfo from '@pages/CreateMeetingPage/MeetingHostInfo'; -import MeetingName from '@pages/CreateMeetingPage/MeetingName'; +import MeetingDateTime from '@pages/CreateMeetingPage/components/MeetingDateTime'; +import MeetingHostInfo from '@pages/CreateMeetingPage/components/MeetingHostInfo'; +import MeetingName from '@pages/CreateMeetingPage/components/MeetingName'; import useCreateMeeting from '@hooks/useCreateMeeting/useCreateMeeting'; import useFunnel from '@hooks/useFunnel/useFunnel';