style(batch): API 파라미터 설정을 collapsible 로 변경 — 기본 접힘

이전: 페이지 진입 시 항상 펼쳐져 큰 공간 차지 → 매핑 영역이 화면 밖으로 밀림
신규: <details> + summary 로 기본 접힘. 클릭 시만 펼침. 토글 아이콘 함께.

특정 사용자/조건으로 API 조회할 때만 쓰는 옵션이라 기본 접힘이 자연스러움.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hjjeong
2026-05-13 14:34:26 +09:00
parent 47eed68072
commit 6fcb101f59
@@ -945,17 +945,20 @@ export default function BatchManagementNewPage() {
</div>
)}
{/* API 파라미터 설정 */}
<div className="space-y-4">
<div className="border-t pt-4">
<Label className="text-base font-medium">API </Label>
<p className="mt-1 text-sm text-muted-foreground"> .</p>
</div>
{/* API 파라미터 설정 — 기본 접힘. 필요할 때만 펼침 */}
<details className="rounded-lg border bg-muted/20 [&[open]>summary>svg]:rotate-90">
<summary className="flex cursor-pointer list-none items-center gap-2 p-3 text-xs font-medium hover:bg-muted/30">
<svg className="h-3 w-3 transition-transform" viewBox="0 0 12 12" fill="currentColor">
<path d="M4 2l4 4-4 4z" />
</svg>
API
<span className="text-[10px] font-normal text-muted-foreground"> / </span>
</summary>
<div className="space-y-3 border-t p-3">
<div>
<Label> </Label>
<Label className="text-xs"> </Label>
<Select value={apiParamType} onValueChange={(value: any) => setApiParamType(value)}>
<SelectTrigger>
<SelectTrigger className="h-9 text-sm">
<SelectValue />
</SelectTrigger>
<SelectContent>
@@ -1035,7 +1038,8 @@ export default function BatchManagementNewPage() {
)}
</>
)}
</div>
</div>
</details>
{/* API 호출 미리보기 정보 */}
{fromApiUrl && fromEndpoint && (