Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/decisions.md
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,7 @@
| DEC-094 | 사용자 결정 · 웹 · 2026-10-14 | (#325) 사용자가 학생 패드 폭(768~1279px)도 사이드바(96px 레일, DEC-086) 대신 핸드폰처럼 하단 탭(홈·마이)을 쓰라고 지시. 알림이 사이드바에 있어 패드에서 핸드폰 방식(홈 머리 종 → 알림 화면)으로 들어가야 하는데 화면이 커서 종이 작아 보이므로 패드 폭에서 종을 22px→32px로 키운다. QR 출석은 핸드폰과 같은 홈 QR 버튼 자리(DEC-092의 패드 36px 자리는 폐기)다. 뒤로가기·마이페이지 제목·로그아웃 버튼은 1280px 미만에서 보인다. 컴퓨터(1280px 이상) 사이드바와 본문 배치는 그대로다. 종 크기 32px은 Figma에 없어 작업자가 정했다. | 사용자 결정. 종 크기는 개발자 가정 |
| DEC-095 | 사용자 결정 · 웹 · 2026-10-14 | (#327) 관리자 패드 폭(768~1279px)도 핸드폰·학생 패드처럼 마이페이지 맨 아래에 `로그아웃` 버튼을 보인다(DEC-093 뒤 전체 점검에서 패드만 숨겨져 있어 맞춤). 메뉴 시트의 로그아웃은 그대로다. 컴퓨터(1280px 이상)는 사이드바 로그아웃이라 버튼을 숨긴다. 메뉴 시트는 핸드폰과 같이 화면 폭 전체로 열리고 애니메이션(dim-in·sheet-rise)도 같다(사용자 결정). 호실 상세 등 관리자 다이얼로그의 어두운 배경은 하단 바(z-40) 위(z-50)에 와서 하단 바까지 덮는다. | 사용자 결정 |
| DEC-096 | 사용자 결정 · 웹 · 2026-10-14 | (#330) 패드 폭 하단 바 전환(DEC-093·094·095) 뒤 전체 점검에서 정리했다. 관리자 마이페이지의 `마이페이지` 제목을 레일이 없어져 현재 화면 표시가 필요해 1280px 미만에서 보인다(컴퓨터는 사이드바 강조로 숨김). 학생 패드 홈은 QR 버튼이 호실 카드 모서리를 가려 패드 구간(md~xl)만 본문 아래 여백을 116px로 늘렸다(핸드폰은 Figma 그대로). 학생 사이드바의 레일용 기본 클래스를 정리했다(화면 변화 없음). 여백 116px은 Figma에 없어 작업자가 정했다. | 사용자 결정. 여백은 개발자 가정 |
| DEC-097 | 사용자 결정 · 웹 · 2026-10-15 | (#332) 호실 상세에서 `수정`을 누르면 상세가 사라지고 수정 다이얼로그가 새로 열리며 딤 페이드인과 패널 올라오기가 다시 실행돼 깜빡였다. 수정 다이얼로그는 호실 상세에서만 열리므로 딤·패널 등장 애니메이션을 빼서 한 다이얼로그의 내용만 바뀌는 것처럼 보이게 했다. 호실 상세를 처음 열 때의 애니메이션(DEC-080)은 그대로다. | 사용자 결정 |

## 하네스 선택

Expand Down
1 change: 1 addition & 0 deletions docs/plans/implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -212,3 +212,4 @@ DataGSM OAuth 연동(DEC-001) 작업과 같은 시점에 화면까지 함께 구
| 2026-10-14 | 사용자가 관리자 패드 폭도 사이드바(레일) 대신 핸드폰처럼 하단 바 햄버거 메뉴를 쓰라고 지시(#323, `feat/323-admin-pad-hamburger`, develop 기준, DEC-093). `AdminRail`을 지우고 하단 바·메뉴 시트·본문 아래 여백을 1280px 미만으로 넓혔다. | 진행 |
| 2026-10-14 | 사용자가 관리자·학생 패드 폭 전환 전체 점검을 요청해 관리자 마이페이지 로그아웃을 패드에서도 보이게 하고 ACC-UI-004·005 문구를 맞췄다(#327, `feat/327-admin-pad-mypage-logout`, develop 기준, DEC-095). 다이얼로그와 하단 바 겹침은 별도 확인. |
| 2026-10-14 | 사용자가 머지된 패드 하단 바 작업 전체 재점검을 요청해 관리자 패드 마이페이지 제목 표시, 학생 패드 홈 QR 버튼 겹침 여백, 학생 사이드바 레일용 클래스·AGENTS 문구를 정리했다(#330, `feat/330-pad-bottom-bar-followup`, develop 기준, DEC-096). 관리자 패드 화면 높이는 실제 화면으로 점검한다. |
| 2026-10-15 | 사용자가 호실 상세에서 수정을 누르면 깜빡인다고 보고해 수정 다이얼로그의 등장 애니메이션을 뺐다(#332, `fix/332-room-edit-dialog-flicker`, develop 기준, DEC-097). 로컬에서 수정 직후 애니메이션 0개·불투명도 1 확인. |
5 changes: 3 additions & 2 deletions web/src/components/admin/RoomAttendanceEditDialog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ type RoomAttendanceEditDialogProps = {
/**
* REQ-ATT-006: 출석/미출석을 선택하고 저장해야만 반영된다. 저장 전 닫기는 변경하지 않는다.
* Figma node 572:150 "호실 출석 변경 다이얼로그".
* 호실 상세에서 `수정`을 눌러야만 열리므로 딤·패널 등장 애니메이션을 두지 않는다(두면 상세가 사라졌다 다시 나타나 깜빡인다, #332).
*/
export function RoomAttendanceEditDialog({
room,
Expand All @@ -44,7 +45,7 @@ export function RoomAttendanceEditDialog({

return (
<div
className="fixed inset-0 z-50 flex items-center justify-center bg-[#1c1c1e]/45 dark:bg-black/60 animate-dim-in motion-reduce:animate-none"
className="fixed inset-0 z-50 flex items-center justify-center bg-[#1c1c1e]/45 dark:bg-black/60"
role="presentation"
onClick={onClose}
>
Expand All @@ -54,7 +55,7 @@ export function RoomAttendanceEditDialog({
ref={panelRef}
tabIndex={-1}
aria-labelledby={`room-edit-dialog-title-${room.number}`}
className="z-50 flex max-h-[calc(100dvh-32px)] w-[310px] max-w-[calc(100vw-32px)] flex-col gap-1 rounded-[16px] bg-admin-surface p-4 md:w-[400px] md:p-5 xl:w-[460px] xl:p-[22px] outline-none animate-dialog-in motion-reduce:animate-none"
className="z-50 flex max-h-[calc(100dvh-32px)] w-[310px] max-w-[calc(100vw-32px)] flex-col gap-1 rounded-[16px] bg-admin-surface p-4 md:w-[400px] md:p-5 xl:w-[460px] xl:p-[22px] outline-none"
onClick={(event) => event.stopPropagation()}
>
<h2
Expand Down
Loading