style(batch): API 파라미터 설정을 collapsible 로 변경 — 기본 접힘
이전: 페이지 진입 시 항상 펼쳐져 큰 공간 차지 → 매핑 영역이 화면 밖으로 밀림 신규: <details> + summary 로 기본 접힘. 클릭 시만 펼침. 토글 아이콘 함께. 특정 사용자/조건으로 API 조회할 때만 쓰는 옵션이라 기본 접힘이 자연스러움. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -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 && (
|
||||
|
||||
Reference in New Issue
Block a user