가사에 orientation 추가
parent
3f3f8bb159
commit
eb55383de5
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"recommendations": []
|
||||
}
|
||||
39
index.css
39
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%;
|
||||
|
|
|
|||
|
|
@ -331,6 +331,17 @@ const CompletionContent: React.FC<CompletionContentProps> = ({
|
|||
</svg>
|
||||
<span>{t('completion.back')}</span>
|
||||
</button>
|
||||
<a
|
||||
href="https://forms.gle/4a8mGebBYtdesvby9"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="comp2-inquiry-btn"
|
||||
>
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
|
||||
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
|
||||
</svg>
|
||||
<span>문의하기</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="comp2-title-row">
|
||||
|
|
|
|||
|
|
@ -286,6 +286,9 @@ const SoundStudioContent: React.FC<SoundStudioContentProps> = ({
|
|||
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<SoundStudioContentProps> = ({
|
|||
m_id: mId,
|
||||
region: businessInfo.region,
|
||||
task_id: imageTaskId,
|
||||
orientation,
|
||||
});
|
||||
|
||||
if (!lyricResponse.success || !lyricResponse.task_id) {
|
||||
|
|
|
|||
|
|
@ -266,13 +266,13 @@ const UrlInputContent: React.FC<UrlInputContentProps> = ({ onAnalyze, onAutocomp
|
|||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 검색 버튼 */}
|
||||
<button type="submit" className="url-input-button">
|
||||
{t('urlInput.searchButton')}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* 검색 버튼 */}
|
||||
<button type="submit" className="url-input-button">
|
||||
{t('urlInput.searchButton')}
|
||||
</button>
|
||||
|
||||
{/* 에러 메시지 */}
|
||||
{error && (
|
||||
<p className="url-input-error">{error}</p>
|
||||
|
|
|
|||
|
|
@ -67,6 +67,7 @@ export interface LyricGenerateRequest {
|
|||
m_id: number;
|
||||
region: string;
|
||||
task_id: string;
|
||||
orientation?: 'vertical' | 'horizontal';
|
||||
}
|
||||
|
||||
// 가사 생성 응답
|
||||
|
|
|
|||
Loading…
Reference in New Issue