751e65f59b
## 품목관리 수정 버그 수정 - FG(제품) 수정 시 품목명 반영 안되는 문제 해결 - productName → name 필드 매핑 추가 - FG 품목코드 = 품목명 동기화 로직 추가 - Materials(SM, RM, CS) 수정페이지 진입 오류 해결 - UNIQUE 제약조건 위반 오류 해결 ## Sales 페이지 - 거래처관리 (client-management-sales-admin) 페이지 구현 - 견적관리 (quote-management) 페이지 구현 - 관련 컴포넌트 및 훅 추가 ## 기타 - 회원가입 페이지 차단 처리 - 디버깅용 콘솔 로그 추가 (PUT 요청/응답 확인용) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
35 lines
719 B
TypeScript
35 lines
719 B
TypeScript
/**
|
|
* FormFieldGrid - 반응형 폼 필드 그리드
|
|
*
|
|
* 모바일: 1컬럼
|
|
* 태블릿: 2컬럼
|
|
* 데스크톱: 3컬럼 (또는 사용자 지정)
|
|
*/
|
|
|
|
import { ReactNode } from "react";
|
|
|
|
export interface FormFieldGridProps {
|
|
children: ReactNode;
|
|
columns?: 1 | 2 | 3 | 4;
|
|
className?: string;
|
|
}
|
|
|
|
export function FormFieldGrid({
|
|
children,
|
|
columns = 3,
|
|
className = "",
|
|
}: FormFieldGridProps) {
|
|
|
|
const gridClasses = {
|
|
1: "grid-cols-1",
|
|
2: "grid-cols-1 md:grid-cols-2",
|
|
3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
|
|
4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
|
|
};
|
|
|
|
return (
|
|
<div className={`grid ${gridClasses[columns]} gap-4 ${className}`}>
|
|
{children}
|
|
</div>
|
|
);
|
|
} |