From a2e6e017a6e71b25f8b189149ba1b2e047306c09 Mon Sep 17 00:00:00 2001 From: cherry2250 Date: Mon, 27 Oct 2025 15:03:08 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1(create)=20=EB=AA=A8=EB=93=A0=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EA=B0=9C=EC=84=A0=20?= =?UTF-8?q?=EB=B0=8F=20=EA=B0=84=EA=B2=A9=20=ED=86=B5=EC=9D=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ObjectiveStep: 간격 2배 확대, 아이콘 및 텍스트 크기 증가 - RecommendationStep: 카드 간격 확대, AI 트렌드 분석 섹션 개선 - ChannelStep: 채널 카드 간격 확대, Summary 카드 디자인 개선 - ContentPreviewStep: 전체 간격 2배 확대, borderRadius 통일 - ContentEditStep: 전체 간격 2배 확대, borderRadius 통일 - ApprovalStep: 전체 간격 2배 확대, borderRadius 통일 - 모든 버튼: py: 3, borderRadius: 3, fontSize: 1rem으로 통일 - 모든 카드: borderRadius: 4, boxShadow 통일 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../events/create/steps/ApprovalStep.tsx | 18 +-- .../events/create/steps/ChannelStep.tsx | 92 ++++++++---- .../events/create/steps/ContentEditStep.tsx | 10 +- .../create/steps/ContentPreviewStep.tsx | 16 +- .../events/create/steps/ObjectiveStep.tsx | 46 +++--- .../create/steps/RecommendationStep.tsx | 141 ++++++++++++------ 6 files changed, 209 insertions(+), 114 deletions(-) diff --git a/src/app/(main)/events/create/steps/ApprovalStep.tsx b/src/app/(main)/events/create/steps/ApprovalStep.tsx index 4729545..5ca2156 100644 --- a/src/app/(main)/events/create/steps/ApprovalStep.tsx +++ b/src/app/(main)/events/create/steps/ApprovalStep.tsx @@ -61,10 +61,10 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS }; return ( - - + + {/* Header */} - + @@ -85,7 +85,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS {/* Event Summary Card */} - + {eventData.recommendation?.title || '이벤트 제목'} @@ -138,7 +138,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS 이벤트 상세 - + @@ -156,7 +156,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS - + @@ -174,7 +174,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS - + @@ -194,7 +194,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS 배포 채널 - + {getChannelNames(eventData.channels).map((channel) => ( @@ -212,7 +212,7 @@ export default function ApprovalStep({ eventData, onApprove, onBack }: ApprovalS {/* Terms Agreement */} - + ch.selected).length; return ( - - + + {/* Header */} - - + + - + 배포 채널 선택 - + (최소 1개 이상) @@ -109,13 +109,14 @@ export default function ChannelStep({ onNext, onBack }: ChannelStepProps) { - + - + - + - + {/* Summary */} - - - - 총 예상 비용 - + + + + + 총 예상 비용 + + {totalCost.toLocaleString()}원 - 총 예상 노출 - + + 총 예상 노출 + + {totalExposure > 0 ? `${totalExposure.toLocaleString()}명+` : '0명'} @@ -392,8 +408,23 @@ export default function ChannelStep({ onNext, onBack }: ChannelStepProps) { {/* Action Buttons */} - - diff --git a/src/app/(main)/events/create/steps/ContentEditStep.tsx b/src/app/(main)/events/create/steps/ContentEditStep.tsx index cb037c5..db9fe91 100644 --- a/src/app/(main)/events/create/steps/ContentEditStep.tsx +++ b/src/app/(main)/events/create/steps/ContentEditStep.tsx @@ -39,10 +39,10 @@ export default function ContentEditStep({ }; return ( - - + + {/* Header */} - + @@ -57,7 +57,7 @@ export default function ContentEditStep({ 미리보기 - + - + diff --git a/src/app/(main)/events/create/steps/ContentPreviewStep.tsx b/src/app/(main)/events/create/steps/ContentPreviewStep.tsx index 8186c53..d1a3707 100644 --- a/src/app/(main)/events/create/steps/ContentPreviewStep.tsx +++ b/src/app/(main)/events/create/steps/ContentPreviewStep.tsx @@ -91,9 +91,9 @@ export default function ContentPreviewStep({ if (loading) { return ( - - - + + + @@ -133,10 +133,10 @@ export default function ContentPreviewStep({ } return ( - - + + {/* Header */} - + @@ -156,7 +156,7 @@ export default function ContentPreviewStep({ elevation={0} sx={{ cursor: 'pointer', - borderRadius: 3, + borderRadius: 4, border: selectedStyle === style.id ? 3 : 1, borderColor: selectedStyle === style.id ? 'error.main' : 'divider', transition: 'all 0.3s', @@ -321,7 +321,7 @@ export default function ContentPreviewStep({ maxWidth: 600, aspectRatio: '1 / 1', background: fullscreenStyle.gradient || '#f5f5f5', - borderRadius: 3, + borderRadius: 4, display: 'flex', flexDirection: 'column', alignItems: 'center', diff --git a/src/app/(main)/events/create/steps/ObjectiveStep.tsx b/src/app/(main)/events/create/steps/ObjectiveStep.tsx index a58e478..0e98adb 100644 --- a/src/app/(main)/events/create/steps/ObjectiveStep.tsx +++ b/src/app/(main)/events/create/steps/ObjectiveStep.tsx @@ -62,48 +62,50 @@ export default function ObjectiveStep({ onNext }: ObjectiveStepProps) { }; return ( - - + + {/* Title Section */} - - - + + + 이벤트 목적을 선택해주세요 - + AI가 목적에 맞는 최적의 이벤트를 추천해드립니다 {/* Purpose Options */} setSelected(e.target.value as EventObjective)}> - + {objectives.map((objective) => ( setSelected(objective.id)} > - - + + {objective.icon} - + {objective.title} - + {objective.description} @@ -125,14 +127,15 @@ export default function ObjectiveStep({ onNext }: ObjectiveStepProps) { - - - + + + 선택하신 목적에 따라 AI가 업종, 지역, 계절 트렌드를 분석하여 가장 효과적인 이벤트를 추천합니다. @@ -146,7 +149,12 @@ export default function ObjectiveStep({ onNext }: ObjectiveStepProps) { size="large" disabled={!selected} onClick={handleNext} - sx={{ py: 1.5 }} + sx={{ + py: 3, + borderRadius: 3, + fontSize: '1rem', + fontWeight: 700, + }} > 다음 diff --git a/src/app/(main)/events/create/steps/RecommendationStep.tsx b/src/app/(main)/events/create/steps/RecommendationStep.tsx index f4245e1..c173ad7 100644 --- a/src/app/(main)/events/create/steps/RecommendationStep.tsx +++ b/src/app/(main)/events/create/steps/RecommendationStep.tsx @@ -144,49 +144,56 @@ export default function RecommendationStep({ onNext, onBack }: RecommendationSte }; return ( - - + + {/* Header */} - - + + - + AI 이벤트 추천 {/* Trends Analysis */} - - - - - + + + + + AI 트렌드 분석 - + - + 📍 업종 트렌드 - + 음식점업 신년 프로모션 트렌드 - + 🗺️ 지역 트렌드 - + 강남구 음식점 할인 이벤트 증가 - + ☀️ 시즌 트렌드 - + 설 연휴 특수 대비 고객 유치 전략 @@ -195,52 +202,67 @@ export default function RecommendationStep({ onNext, onBack }: RecommendationSte {/* Budget Selection */} - - + + 예산별 추천 이벤트 - + 각 예산별 2가지 방식 (온라인 1개, 오프라인 1개)을 추천합니다 setSelectedBudget(value)} variant="fullWidth" - sx={{ mb: 4 }} + sx={{ mb: 8 }} > - - - + + + {/* Recommendations */} setSelected(e.target.value)}> - + {budgetRecommendations.map((rec) => ( setSelected(rec.id)} > - - + + } label="" sx={{ m: 0 }} /> @@ -251,59 +273,61 @@ export default function RecommendationStep({ onNext, onBack }: RecommendationSte value={editedData[rec.id]?.title || rec.title} onChange={(e) => handleEditTitle(rec.id, e.target.value)} onClick={(e) => e.stopPropagation()} - sx={{ mb: 2 }} + sx={{ mb: 4 }} InputProps={{ endAdornment: , + sx: { fontSize: '1rem', py: 2 }, }} /> - - + + 경품 handleEditPrize(rec.id, e.target.value)} onClick={(e) => e.stopPropagation()} InputProps={{ endAdornment: , + sx: { fontSize: '1rem' }, }} /> - + - + 참여 방법 - + {rec.participationMethod} - + 예상 참여 - + {rec.expectedParticipants}명 - + 예상 비용 - + {(rec.estimatedCost / 10000).toFixed(0)}만원 - + 투자대비수익률 - + {rec.roi}% @@ -316,11 +340,38 @@ export default function RecommendationStep({ onNext, onBack }: RecommendationSte {/* Action Buttons */} - - -