fix(WEB): 모바일 반응형 UI 개선 및 개소 정보 수정 모달 추가

- CalendarHeader: 모바일에서 주/월 버튼 2줄 레이아웃으로 분리
- MobileCard: 제목 텍스트 overflow 시 truncate 적용
- DetailActions: 모바일 하단 sticky 버튼 바 overflow 수정
- OrderDetailForm: 모바일 하단 sticky 버튼 바 overflow 수정
- LocationDetailPanel: 오픈사이즈 옆 수정 버튼에 모달 연결
- LocationListPanel: 개소 목록에 수정/삭제 버튼 추가
- LocationEditModal: 개소 정보 수정 팝업 신규 생성

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
유병철
2026-01-27 11:28:12 +09:00
parent 6586db4996
commit 55e92bc7b4
8 changed files with 441 additions and 88 deletions

View File

@@ -121,17 +121,18 @@ export default function OrderDetailForm({
}, [orderId, router]);
// 커스텀 헤더 액션 (view 모드에서 발주서 보기, 복제 버튼)
// 모바일: 아이콘만, sm 이상: 아이콘 + 텍스트
const customHeaderActions = useMemo(() => {
if (!isViewMode) return null;
return (
<>
<Button variant="outline" onClick={handleViewDocument}>
<Eye className="h-4 w-4 mr-2" />
<Button variant="outline" onClick={handleViewDocument} size="sm" className="md:size-default">
<Eye className="h-4 w-4 md:mr-2" />
<span className="hidden md:inline"> </span>
</Button>
<Button variant="outline" onClick={handleDuplicate} disabled={isLoading}>
<Copy className="h-4 w-4 mr-2" />
<Button variant="outline" onClick={handleDuplicate} disabled={isLoading} size="sm" className="md:size-default">
<Copy className="h-4 w-4 md:mr-2" />
<span className="hidden md:inline"></span>
</Button>
</>
);