diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..7e257db --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": [] +} \ No newline at end of file diff --git a/index.css b/index.css index 37604b9..fae9aad 100644 --- a/index.css +++ b/index.css @@ -2075,9 +2075,31 @@ height: 64px; display: flex; align-items: center; + justify-content: space-between; flex-shrink: 0; } +.comp2-inquiry-btn { + display: flex; + align-items: center; + gap: 6px; + padding: 8px 16px; + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 8px; + color: rgba(255, 255, 255, 0.8); + font-size: 14px; + text-decoration: none; + cursor: pointer; + transition: background 0.2s, border-color 0.2s, color 0.2s; +} + +.comp2-inquiry-btn:hover { + background: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.6); + color: #fff; +} + .comp2-back-btn { display: flex; align-items: center; @@ -4005,7 +4027,7 @@ .url-input-button { - padding: 16px 32px; + padding: 12px 32px; background-color: #AE72F9; border: none; border-radius: 12px; @@ -4016,6 +4038,8 @@ cursor: pointer; transition: background-color 0.2s ease; white-space: nowrap; + display: block; + margin: 0 auto; } .url-input-button:hover:not(:disabled) { @@ -4037,7 +4061,7 @@ .url-input-guide { font-family: 'Pretendard', sans-serif; - font-size: 13px; + font-size: 14px; color: #6AB0B3; margin: 24px 0 0 0; } @@ -8100,7 +8124,7 @@ } .genre-btn { - padding: 0.5rem 0.75rem; + padding: 0.75rem 0.5rem; font-size: 14px; } } @@ -8742,19 +8766,22 @@ .content-card-text { display: flex; flex-direction: column; - gap: 8px; + gap: 2px; } .content-card-title { - font-size: 17px; + font-size: 18px; font-weight: 700; color: var(--color-text-white); letter-spacing: -0.6%; margin: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .content-card-date { - font-size: 12px; + font-size: 14px; font-weight: 400; color: #6AB0B3; letter-spacing: -0.6%; diff --git a/src/pages/Dashboard/CompletionContent.tsx b/src/pages/Dashboard/CompletionContent.tsx index 4da046e..39688ab 100755 --- a/src/pages/Dashboard/CompletionContent.tsx +++ b/src/pages/Dashboard/CompletionContent.tsx @@ -331,6 +331,17 @@ const CompletionContent: React.FC = ({ {t('completion.back')} + + + + + 문의하기 +
diff --git a/src/pages/Dashboard/SoundStudioContent.tsx b/src/pages/Dashboard/SoundStudioContent.tsx index ed9c835..9fc2dd1 100755 --- a/src/pages/Dashboard/SoundStudioContent.tsx +++ b/src/pages/Dashboard/SoundStudioContent.tsx @@ -286,6 +286,9 @@ const SoundStudioContent: React.FC = ({ setErrorMessage(null); setStatusMessage(t('soundStudio.generatingLyrics')); + const savedRatio = localStorage.getItem('castad_video_ratio'); + const orientation = (savedRatio === 'horizontal' || savedRatio === 'vertical') ? savedRatio : 'vertical'; + try { const language = LANGUAGE_MAP[selectedLang] || 'Korean'; @@ -298,6 +301,7 @@ const SoundStudioContent: React.FC = ({ m_id: mId, region: businessInfo.region, task_id: imageTaskId, + orientation, }); if (!lyricResponse.success || !lyricResponse.task_id) { diff --git a/src/types/api.ts b/src/types/api.ts index 1440eb8..3a3609e 100644 --- a/src/types/api.ts +++ b/src/types/api.ts @@ -67,6 +67,7 @@ export interface LyricGenerateRequest { m_id: number; region: string; task_id: string; + orientation?: 'vertical' | 'horizontal'; } // 가사 생성 응답