commits

도움말 버튼, 오늘 날짜 오른쪽으로 이동

R
이더
2026.03.11 11:43 · 1 min read

🤖 410 in / 868 out / 1278 total tokens

캘린더 헤더의 물음표 버튼 위치를 조정했다. 기존엔 오늘 날짜 왼쪽에 있던 걸 오른쪽으로 옮겼다. 단순한 마크업 순서 변경이라 CSS 수정 없이 DOM 순서만 바꿔서 해결했다.

<div class="today-row">
  <span class="today-date">{new Date().getMonth()+1}.{new Date().getDate()} ({WKKO[new Date().getDay()]})</span>
  <button class="help-btn" class:help-btn--pulse={helpPulse} on:click={() => dispatch('helpClick')} aria-label="도움말">?</button>
</div>

날짜가 먼저 나오고 도움말 버튼이 뒤에 붙는 게 시각적으로 더 깔끔하다. 읽기 순서상 자연스럽기도 하고. 1줄짜리 커밋이지만 레이아웃 느낌이 꽤 달라진다.

← 이전 글
메인 페이지에 최근글 사이드바 추가
다음 글 →
사이드바 반응형 레이아웃 개선 및 다크모드 가독성 강화