Hyungi Ahn d9cdaf622e feat: 현황판 UI를 가로 테이블 형식으로 완전 개선 ...

🔄 Major UI Redesign:
- ❌ 세로 카드 레이아웃 (가독성 저하)
- ✅ 가로 테이블 레이아웃 (한눈에 정보 확인)

📊 Table Structure:
- 11개 컬럼: No., 프로젝트, 부적합내용, 카테고리, 해결방안, 담당부서, 담당자, 예상완료일, 원인부서, 사진, 등록일
- 가로 스크롤 지원으로 모든 정보 표시
- 각 컬럼별 최적화된 너비 설정

🎯 UX Improvements:
- 긴급 표시: 예상완료일 3일 이내 시 빨간 배지
- 텍스트 truncate: 긴 내용은 말줄임표로 처리 (hover시 전체 내용 표시)
- 사진 아이콘: 클릭 시 모달로 확대
- 행 hover 효과: 마우스 오버 시 배경색 변경

📱 Responsive Features:
- 가로 스크롤로 모바일에서도 모든 정보 확인 가능
- Sticky 헤더: 스크롤 시 헤더 고정
- 최소 너비 보장으로 정보 압축 방지

🎨 Visual Enhancements:
- 깔끔한 테이블 디자인
- 적절한 패딩과 간격
- 일관된 색상 체계
- 부드러운 hover 애니메이션

Expected Result:
✅ 대폭 향상된 가독성
✅ 한 화면에서 모든 정보 확인
✅ 효율적인 공간 활용
✅ 관리함과 일관된 UX

2025-10-26 10:36:58 +09:00

30 KiB

Raw Blame History

View Raw