feat(web-ui): PipelineStartModal '원하는 이미지 분위기' 메인 필드로 노출
This commit is contained in:
@@ -3406,3 +3406,14 @@
|
|||||||
border-radius:4px; font-size:10px; }
|
border-radius:4px; font-size:10px; }
|
||||||
.pipeline-card { cursor:pointer; }
|
.pipeline-card { cursor:pointer; }
|
||||||
.pipeline-card:hover { background:rgba(255,255,255,.02); }
|
.pipeline-card:hover { background:rgba(255,255,255,.02); }
|
||||||
|
|
||||||
|
.psm-keyword-main { display: block; margin: 12px 0; font-size: 13px; }
|
||||||
|
.psm-keyword-main input {
|
||||||
|
display: block; width: 100%; margin-top: 4px; padding: 8px;
|
||||||
|
background: rgba(255,255,255,.04);
|
||||||
|
border: 1px solid var(--ms-line, #2a2a3a);
|
||||||
|
border-radius: 8px; color: var(--ms-text, #f0f0f5); font-size: 13px;
|
||||||
|
}
|
||||||
|
.psm-keyword-main small {
|
||||||
|
display: block; color: var(--ms-muted, #a0a0b0); font-size: 11px; margin-top: 4px;
|
||||||
|
}
|
||||||
|
|||||||
@@ -95,6 +95,16 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
|
|||||||
</select>
|
</select>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
<label className="psm-keyword-main">
|
||||||
|
원하는 이미지 분위기 (선택)
|
||||||
|
<input
|
||||||
|
value={bgKeyword}
|
||||||
|
onChange={e => setBgKeyword(e.target.value)}
|
||||||
|
placeholder="예: 스케이트보드 파크 밝은 오후, 비 오는 카페 창가, 산 정상 일출 ..."
|
||||||
|
/>
|
||||||
|
<small>처음부터 cover 이미지 prompt에 반영됩니다. 비우면 장르 기본값 사용.</small>
|
||||||
|
</label>
|
||||||
|
|
||||||
<details className="psm-advanced" open={advanced}>
|
<details className="psm-advanced" open={advanced}>
|
||||||
<summary onClick={(e) => { e.preventDefault(); setAdvanced(!advanced); }}>
|
<summary onClick={(e) => { e.preventDefault(); setAdvanced(!advanced); }}>
|
||||||
고급 옵션
|
고급 옵션
|
||||||
@@ -115,11 +125,6 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
|
|||||||
<option value="video_loop">영상 루프 (Pexels)</option>
|
<option value="video_loop">영상 루프 (Pexels)</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
<label>
|
|
||||||
배경 키워드 (Pexels 검색용)
|
|
||||||
<input value={bgKeyword} onChange={e => setBgKeyword(e.target.value)}
|
|
||||||
placeholder="rainy window, lofi cafe ..." />
|
|
||||||
</label>
|
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
{error && <div className="ms-error">{error}</div>}
|
{error && <div className="ms-error">{error}</div>}
|
||||||
|
|||||||
Reference in New Issue
Block a user