diff --git a/app/create/page.tsx b/app/create/page.tsx index a88d461..4a2cacf 100644 --- a/app/create/page.tsx +++ b/app/create/page.tsx @@ -3,7 +3,7 @@ import { useState } from 'react'; import Image from 'next/image'; import { useRouter } from 'next/navigation'; -import { useCreateMeeting } from '@/hooks/api/useMeeting'; +import { useCreateMeeting } from '@/hooks/api/mutation/useCreateMeeting'; import type { MeetingCreateRequest } from '@/types/api'; import { useToast } from '@/hooks/useToast'; import Toast from '@/components/ui/toast'; @@ -167,7 +167,7 @@ export default function Page() { value={meetingName} onChange={(e) => setMeetingName(e.target.value)} placeholder="플레이스 홀더" - className="border-gray-2 placeholder:text-gray-3 w-full rounded-[4px] border px-3 py-2 text-[15px] leading-[1.6] tracking-[0.144px] focus:outline-none" + className="border-gray-2 placeholder:text-gray-3 w-full rounded border px-3 py-2 text-[15px] leading-[1.6] tracking-[0.144px] focus:outline-none" /> @@ -183,7 +183,7 @@ export default function Page() { setMeetingType('회의'); setSelectedSocialPlace(null); }} - className={`flex-1 rounded-[4px] py-2.5 text-[15px] leading-[1.6] tracking-[0.144px] transition-colors sm:py-2 ${ + className={`flex-1 rounded py-2.5 text-[15px] leading-[1.6] tracking-[0.144px] transition-colors sm:py-2 ${ meetingType === '회의' ? 'bg-blue-5 text-white' : 'bg-gray-1 text-gray-7 hover:bg-gray-2' @@ -197,7 +197,7 @@ export default function Page() { setMeetingType('친목'); setSelectedLocation(null); }} - className={`flex-1 rounded-[4px] py-2.5 text-[15px] leading-[1.6] tracking-[0.144px] transition-colors sm:py-2 ${ + className={`flex-1 rounded py-2.5 text-[15px] leading-[1.6] tracking-[0.144px] transition-colors sm:py-2 ${ meetingType === '친목' ? 'bg-blue-5 text-white' : 'bg-gray-1 text-gray-7 hover:bg-gray-2' @@ -220,7 +220,7 @@ export default function Page() { key={location} type="button" onClick={() => setSelectedLocation(isSelected ? null : location)} - className={`flex h-[43px] w-full items-center gap-[14px] rounded-[4px] border px-3 py-1 transition-colors ${ + className={`flex h-10.75 w-full items-center gap-3.5 rounded border px-3 py-1 transition-colors ${ isSelected ? 'border-gray-1 bg-white' : 'border-gray-1 hover:bg-gray-1 bg-white' @@ -260,7 +260,7 @@ export default function Page() { key={place} type="button" onClick={() => setSelectedSocialPlace(isSelected ? null : place)} - className={`flex h-[43px] w-full items-center gap-[14px] rounded-[4px] border px-3 py-1 transition-colors ${ + className={`flex h-10.75 w-full items-center gap-3.5 rounded border px-3 py-1 transition-colors ${ isSelected ? 'border-gray-1 bg-white' : 'border-gray-1 hover:bg-gray-1 bg-white' @@ -292,16 +292,16 @@ export default function Page() { -
+
-
+
{participantCount}
@@ -309,16 +309,16 @@ export default function Page() { type="button" onClick={handleIncreaseParticipants} disabled={isParticipantUndecided} - className="bg-gray-1 absolute -top-px -right-px flex h-[44px] w-[44px] items-center justify-center rounded-tr-[4px] rounded-br-[4px] disabled:opacity-50 sm:h-[44px] sm:w-[44px]" + className="bg-gray-1 absolute -top-px -right-px flex h-11 w-11 items-center justify-center rounded-tr-lg rounded-br-lg disabled:opacity-50 sm:h-11 sm:w-11" > plus
-
+
@@ -349,7 +349,7 @@ export default function Page() { {getDeadlineDate()} -
+
{deadlineDays}
@@ -358,16 +358,16 @@ export default function Page() { type="button" onClick={handleIncreaseDeadline} disabled={isDeadlineFlexible} - className="bg-gray-1 absolute -top-px -right-px flex h-[60px] w-[44px] items-center justify-center rounded-tr-[4px] rounded-br-[4px] disabled:opacity-50 sm:h-[60px] sm:w-[44px]" + className="bg-gray-1 absolute -top-px -right-px flex h-15 w-11 items-center justify-center rounded-tr-lg rounded-br-lg disabled:opacity-50 sm:h-15 sm:w-11" > plus
-
+