AI 분석
점선 드롭존과 파일별 진행률 행으로 업로드 상태 변화를 보여주는 라이트 모드 모달이다.
밝은 회색 배경 위에 흰색 카드형 모달이 중앙에 놓이고, 제목 줄, 점선 테두리 드롭존, 파일 행 목록, 하단 액션 바가 단일 칼럼으로 쌓인다. 제목과 파일명은 산세리프 중간 굵기이고 용량·상태·최대 크기 안내는 회색 모노스페이스 대문자 캡션이라 정보 위계가 명확히 갈린다. 진행률은 채워지는 막대 대신 촘촘한 세로 눈금 스트라이프로 표현되며 주황 강조색이 왼쪽부터 차오르고, 완료된 행은 초록 체크 라벨로 바뀌면서 취소 X 아이콘이 휴지통 아이콘으로 교체된다. 행이 제거될 때마다 목록 높이가 줄고 하단 버튼이 진행 중 상태에서 검정 완료 버튼으로 전환되며 모달 전체가 부드럽게 리사이즈된다. 업로드 컴포넌트의 상태 머신과 마이크로 인터랙션을 한 흐름으로 정리한 레퍼런스로 유용하다.
minimal · light-mode
claude-opus-5 · 2026-09-07 18:15 · 신뢰도 0.82
