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 2f1ca21..c0a0c49 100644 --- a/index.css +++ b/index.css @@ -2042,9 +2042,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; @@ -3972,7 +3994,7 @@ .url-input-button { - padding: 16px 32px; + padding: 12px 32px; background-color: #AE72F9; border: none; border-radius: 12px; @@ -3983,6 +4005,8 @@ cursor: pointer; transition: background-color 0.2s ease; white-space: nowrap; + display: block; + margin: 0 auto; } .url-input-button:hover:not(:disabled) { @@ -4004,7 +4028,7 @@ .url-input-guide { font-family: 'Pretendard', sans-serif; - font-size: 13px; + font-size: 14px; color: #6AB0B3; margin: 24px 0 0 0; } @@ -8067,7 +8091,7 @@ } .genre-btn { - padding: 0.5rem 0.75rem; + padding: 0.75rem 0.5rem; font-size: 14px; } } @@ -8709,19 +8733,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/pages/Dashboard/UrlInputContent.tsx b/src/pages/Dashboard/UrlInputContent.tsx index 6bfc84c..64387a9 100644 --- a/src/pages/Dashboard/UrlInputContent.tsx +++ b/src/pages/Dashboard/UrlInputContent.tsx @@ -266,13 +266,13 @@ const UrlInputContent: React.FC = ({ onAnalyze, onAutocomp
)} - - {/* 검색 버튼 */} - + {/* 검색 버튼 */} + + {/* 에러 메시지 */} {error && (

{error}

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'; } // 가사 생성 응답