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> </div>
)} )}
{/* API 파라미터 설정 */} {/* API 파라미터 설정 — 기본 접힘. 필요할 때만 펼침 */}
<div className="space-y-4"> <details className="rounded-lg border bg-muted/20 [&[open]>summary>svg]:rotate-90">
<div className="border-t pt-4"> <summary className="flex cursor-pointer list-none items-center gap-2 p-3 text-xs font-medium hover:bg-muted/30">
<Label className="text-base font-medium">API </Label> <svg className="h-3 w-3 transition-transform" viewBox="0 0 12 12" fill="currentColor">
<p className="mt-1 text-sm text-muted-foreground"> .</p> <path d="M4 2l4 4-4 4z" />
</div> </svg>
API
<span className="text-[10px] font-normal text-muted-foreground"> / </span>
</summary>
<div className="space-y-3 border-t p-3">
<div> <div>
<Label> </Label> <Label className="text-xs"> </Label>
<Select value={apiParamType} onValueChange={(value: any) => setApiParamType(value)}> <Select value={apiParamType} onValueChange={(value: any) => setApiParamType(value)}>
<SelectTrigger> <SelectTrigger className="h-9 text-sm">
<SelectValue /> <SelectValue />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@@ -1035,7 +1038,8 @@ export default function BatchManagementNewPage() {
)} )}
</> </>
)} )}
</div> </div>
</details>
{/* API 호출 미리보기 정보 */} {/* API 호출 미리보기 정보 */}
{fromApiUrl && fromEndpoint && ( {fromApiUrl && fromEndpoint && (