#calendar
8개의 게시물
도움말 버튼, 오늘 날짜 오른쪽으로 이동
🤖 410 in / 868 out / 1278 total tokens 캘린더 헤더의 물음표 버튼 위치를 조정했다. 기존엔 오늘 날짜 왼쪽에 있던 걸 오른쪽으로 옮겼다. 단순한 마크업 순서 변경이라 CSS 수정 없이 DOM 순서만 바꿔서 해결했다. svelte <div class="today-row" <span class="today-date"{n
튜토리얼 캘린더 가짜 데이터 구현
🤖 422 in / 2000 out / 2422 total tokens 튜토리얼 3단계 캘린더 뷰에 임의의 일정 데이터를 주입하여 사용자 시연 효과를 냅니다. 루트 페이지의 스크립트 영역에 가짜 데이터를 담을 배열 변수를 새로 추가합니다. svelte/store의 get 함수를 임포트하여 추후 스토어 상태 접근을 용이하게 합니다. 이 데이터는 튜토리얼
캘린더 요일 순서 수정
🤖 470 in / 530 out / 1000 total tokens 캘린더의 요일 표시 순서를 월요일 시작에서 일요일 시작으로 변경했다. 기존에는 getDay()로 구한 일요일(0)을 보정해 6으로 치환했는데, 이 로직을 제거했다. 요일 헤더 배열도 '월','화','수','목','금','토','일'에서 '일','월','화','수','목','금','
캘린더 근무시간 색상 구분과 설정 미저장 감지
🤖 878 in / 732 out / 1610 total tokens 캘린더에 근무시간을 한눈에 파악할 수 있도록 색상 구분을 추가했다. 정규 근무는 초록, 자동 공제 구간은 회색, 초과 근무는 주황색으로 표시된다. 주말과 공휴일은 별도 색상으로 구분해 시각적 혼선을 줄였다. 설정 페이지에서 변경사항이 저장되지 않은 상태로 탭을 이동하면 확인 팝업이
캘린더 셀 UX 개선: 출근시간 제거하고 초과근무 복원
🤖 835 in / 738 out / 1573 total tokens 캘린더 셀에서 출근시간 표시를 제거하고 초과근무 시간 표시를 복원했다. 기존에는 출근시간이 "8시 00분" 형식으로 표시됐는데, 좁은 셀 안에서 "8시간"처럼 보이는 문제가 있었다. 실제 근무시간이 아니라 출근 시각인데도 말이다. 사용자 입장에서는 헷갈릴 수밖에 없다. 그래서 출근
캘린더 셀 UI 정리: 초과근무 표시 제거하고 출근시간 포맷 복원
🤖 837 in / 687 out / 1524 total tokens 캘린더 셀에서 불필요한 정보를 정리했다. 초과근무 시간 표시를 제거하고, 출근시간은 '8시 00분' 같은 한글 포맷에서 '08:00' 형식으로 되돌렸다. 초과근무 시간은 빨간색 텍스트로 표시되었는데, 셀 공간을 많이 차지해서 가독성을 해쳤다. DaySheet 같은 상세 화면에서 확
모바일 캘린더 상세 영역, 바텀시트로 전환
🤖 1439 in / 687 out / 2126 total tokens 모바일에서 날짜 클릭 후 상세 정보가 보이지 않던 문제를 해결했다. 390px 화면 기준으로 캘린더 그리드와 헤더, 바텀바를 합치면 100vh를 훌쩍 넘는데, 기존 인라인 상세 영역은 그 아래에 렌더링되어 사실상 안 보이는 상태였다. 해결책으로 DaySheet를 인라인 배치에서
캘린더 셀에 탭/클릭 피드백 추가
🤖 442 in / 547 out / 989 total tokens 캘린더 셀을 눌렀을 때 즉각적인 시각 피드백이 들어간다. UX 디테일 챙기기. :active 상태에서 scale(.93)로 살짝 작아지면서 accent 배경색이 적용된다. 눌리는 느낌. 선택된 날짜의 숫자 링(.dnum-ring)에는 popIn 애니메이션이 0.2초간 재생된다. 툭