로그인
← 패치노트 목록으로
격력 자체 업데이트

[모바일 UI] 사이트 전반 검색·버튼·콘텐츠 배치 최적화

320px부터 430px까지의 모바일 화면에서 검색창과 버튼이 잘리거나 겹치지 않도록 공통 레이아웃과 주요 콘텐츠 화면을 반응형으로 개선하고 있습니다.

적용 완료

모바일에서는 데스크톱 배치를 억지로 축소하지 않고 모든 정보를 확인할 수 있도록 화면 구조를 재배치했습니다.

  • 통합 검색창 2단 배치: 검색 종류 선택과 입력·서버·조회 영역을 분리해 320px 화면에서도 입력칸과 조회 버튼을 모두 표시
  • 공통 헤더 정리: 로고·테마·계정 영역의 겹침을 방지하고 긴 콘텐츠가 화면 전체 너비를 밀지 않도록 보완
  • 스킬·직업·통계: 스킬 상세 헤더와 수치 카드가 모바일에서 다음 줄로 이동하며, 넓은 표는 영역 안에서 좌우로 탐색 가능
  • 길드·홍보·관리: 길드 정보 카드와 홍보 카드 열 수를 모바일에 맞게 조정하고 운영진 목록·관리 메뉴를 작은 화면에서도 사용할 수 있도록 개선
  • 아카이브: 긴 아이템명과 상세 정보가 줄바꿈되며 고정 폭 툴팁·배너·명찰 프리뷰가 화면 밖으로 잘리지 않도록 수정
  • 터치 조작: 저장·편집·지도 확대·축소 등 작은 버튼의 모바일 터치 영역 확대

현재 개발 서버에서 320px 모바일 렌더를 기준으로 검증 중이며 정식 배포 후 적용 완료로 전환됩니다.