Accord 3.1.1

Accord 3.1.1

통화방 하단 도크를 다듬고, 방 목록에서 오래 있던 겹침 버그를 잡았어요. 화면 크기(UI 배율) 설정도 새로 생겼어요.

방 목록 겹침 수정

• + 방 / + 그룹 버튼이 방 목록 한가운데에 겹쳐 보이던 문제를 고쳤어요. 방·메모장이 많아 목록이 화면보다 길어지면 항상 나던 버그예요.
  • 원인은 두 버튼이 스크롤 영역 안에서 떠 있는(sticky) 구조였던 거예요. 이 목록이 flex 스크롤 영역이라 브라우저가 버튼을 스크롤한 만큼 어긋나게 그렸고, 그래서 버튼 아래로 방이 삐져나와 보였어요.
  • 이제 버튼을 스크롤 영역 밖(방 목록 패널 바닥)에 두어 항상 맨 아래에 붙어 있어요.
• 통화방에 들어가면 페이지 전체에 스크롤이 생기던 것도 고쳤어요.

통화방 하단 도크

• 창이 충분히 넓은데도 버튼이 아이콘만 나오던 문제를 고쳤어요. 라벨을 접는 기준 폭을 실제 필요한 값으로 맞춰서, 이제 맥과 윈도우가 같은 조건에서 똑같이 보여요.
• 도크가 두 줄로 접히지 않아요.
• 버튼과 옆의 ▾ 화살표에 마우스를 올리면 알약 모양 그대로 둥글게 강조돼요. (한쪽만 칠해져서 오른쪽 모서리가 각져 보이던 문제)
• 맥에서 "컴퓨터 사운드" 버튼 오른쪽이 잘려 보이던 문제를 고쳤어요. 화살표가 없는 환경에서는 모서리를 다시 둥글게 되돌려요.
• 컴퓨터 사운드 공유가 켜져 있으면 옆 화살표도 같은 초록으로 표시돼요.

새 기능 — 화면 크기(UI 배율)

• 설정 → 🖥 화면 에 화면 크기(UI 배율) 가 생겼어요. 90 % ~ 125 % 중에 고를 수 있어요. 맥과 윈도우의 기본 크기 차이를 맞출 때 쓰면 돼요.
• 설정 창·알림까지 앱 전체가 같이 커지고 작아지며, 배율을 올려도 화면 아래가 잘리지 않아요.
• "기본 폭으로 초기화" 버튼이 배율도 100 % 로 같이 되돌려요.
• 배율을 많이 올리면 좁은 창에서는 일부 UI가 모바일 모드로 바뀔 수 있어요.

그 밖에

• 위 레이아웃 버그가 다시 들어오지 않도록 npm run check 에 자동 검사를 추가했어요.

---

서버만 업데이트하면 돼요. 앱 재설치는 필요 없어요.