Skip to content

모바일 메뉴 (좌측 드로어)

휴대폰·좁은 화면에서 도메인 메뉴를 여는 방법. (PC에서는 좌측에 메뉴가 항상 보입니다.)

메뉴 열기

화면 상단 헤더의 메뉴 버튼을 누르면 왼쪽에서 메뉴 서랍(드로어)이 미끄러져 나옵니다.

  • 메뉴에는 현재 업무 앱 안의 화면만 표시됩니다. 기준정보에서 노트·계약으로, 계약에서 기준정보·노트로 바로 바꾸는 세로 앱 전환 탭은 사용하지 않습니다.
  • 시설관리처럼 현재 앱 안에 큰 분류가 여러 개인 경우에만 왼쪽 가장자리의 세로 탭으로 분류를 고릅니다.
  • 목록에서 세부 화면을 누르면 이동하면서 메뉴가 자동으로 닫힙니다.
  • 최고관리자에게는 현재 제품의 왼쪽 메뉴 맨 아래에 조직관리가 표시됩니다. 일반 직원에게는 이 항목이 보이지 않습니다.
  • 닫기: 우측 상단 또는 서랍 바깥쪽을 누릅니다.

다른 업무 앱으로 이동하려면 상단의 Leyve 홈 아이콘을 눌러 워크스페이스로 돌아간 뒤 업무 카드를 선택합니다. PC에서는 같은 위치에 Leyve 텍스트가 표시됩니다.

헤더에는 WorkspaceOrganization을 별도 전환 버튼으로 두지 않습니다. Leyve 홈은 업무 앱 선택으로 돌아가는 한 개의 진입점이고, 조직 관리는 권한이 있는 사람의 왼쪽 메뉴 하단에서 시작합니다. 계정 화면의 긴 메타정보는 핵심 식별자만 보여 주며, 편집 중에는 안내문과 취소·저장 버튼이 서로 겹치지 않도록 위아래로 배치됩니다.

메뉴 가장자리 간격 (2026-07-19 개선)

메뉴의 선택·가리키기 배경이 서랍 좌우 경계에서 8px씩 떨어지도록 다듬었습니다. 둥근 모서리가 잘리지 않고 좌우가 대칭으로 보입니다. 메뉴 내용과 이동 방식은 변하지 않습니다. ✅ 구현.

서랍 자체의 본문 패딩을 늘린 것이 아니므로 일반 입력 폼·표·상세 Sheet에는 영향을 주지 않습니다. 섹션 꺾쇠는 메뉴 항목 안쪽에 그대로 정렬되며 별도의 넓은 빈 공간을 만들지 않습니다. 모든 제품 메뉴는 같은 SSOT SVG 꺾쇠를 사용하며, 접으면 아래쪽·펼치면 위쪽을 가리킵니다.

메뉴 제목·하단 구분선 정렬 (2026-07-24 개선)

선택·가리키기 배경의 바깥 간격은 기존처럼 8px을 유지합니다. 구분선만 메뉴 글자 축에 맞춰, 모바일 서랍에서는 좌우 경계에서 16px, PC 왼쪽 메뉴에서는 8px 떨어져 보입니다. 모든 제품의 메뉴 제목 아래 선에 같은 규칙을 적용했고, 관리비 하단 조직 설정 위 선도 같은 축에 맞췄습니다. 메뉴 폭·선택 배경·항목 위치·권한과 이동 경로는 바뀌지 않습니다. ✅ 구현.

PC 왼쪽 메뉴의 선택·가리키기 표면은 메뉴 경계까지 폭을 사용하고, 글자와 아이콘은 항목 내부 8px 간격으로 정렬됩니다. 모바일 서랍에서만 표면 자체가 경계에서 8px 떨어집니다.

2026-07-19에는 펼친 메뉴의 글자와 하위 항목까지 거꾸로 뒤집히던 오류를 수정했습니다. 이제 펼침 상태에서도 메뉴 제목·아이콘·하위 항목은 정상 방향을 유지하고, 오른쪽 꺾쇠만 위쪽으로 회전합니다. 여러 그룹을 동시에 펼쳐도 각 꺾쇠가 독립적으로 움직이며 터치·Enter·Space 조작은 그대로 사용할 수 있습니다. ✅ 구현.

2026-07-13에는 기준정보·계약 메뉴의 오래된 앱 전환 탭을 제거하고, 모든 업무 헤더에 동일한 Leyve 홈 진입점을 적용했습니다. 같은 날 모바일 홈 버튼 중복, 계정 헤더 가로 스크롤, 편집 푸터의 좁은 배치도 함께 정리했습니다. ✅ 구현.

Organization·업무 화면 표시 정합 (2026-07-18 개선)

  • Company 홈과 업무 홈은 상단 버튼 순서를 같이 사용합니다. 왼쪽에는 메뉴 → Leyve 홈 → AI 비서, 오른쪽에는 현재 Company·Office 범위 → 로그아웃을 둡니다.
  • 개발 점검용 사이트맵 버튼은 실제 운영 화면에 표시하지 않습니다.
  • 메뉴 제목 오른쪽의 동작 없는 이중 꺾쇠는 제거했습니다. 휴대폰 메뉴는 시트 헤더의 ×로 닫으며, 섹션별 한 개 꺾쇠는 헤더 닫기 버튼과 같은 세로선에 맞춰 표시합니다.
  • Company 홈의 판매·매출채권과 구매·매입채무 카드는 다른 업무 카드처럼 그림자 없이 얇은 내부 경계로 구분합니다. 모서리 둥글기는 계정의 화면 모양 설정을 그대로 따릅니다.

위 항목은 모두 화면 표시와 이동만 바꾸며 Company·Office 범위, 권한, 집계 값은 변경하지 않습니다. ✅ 구현.

모든 제품의 상단 메뉴 통일 (2026-07-19 개선)

회계·인사·관리비·임대차·계약·CRM·시설관리 등 어느 제품으로 이동해도 상단 메뉴의 버튼 순서와 간격이 바뀌지 않습니다. ✅ 구현.

  • 왼쪽: 메뉴 → Leyve 홈 → AI 비서
  • 휴대폰 오른쪽: Workspace 전환 → 로그아웃
  • WorkspaceOrganization 전환 버튼은 PC·모바일 모두 상단에서 제거했습니다.
  • 최고관리자는 업무 메뉴 맨 아래 조직관리로 들어갑니다. 일반 직원에게는 표시하지 않습니다.
  • 로그인·Organization 데이터가 처음 준비되면 서버가 만든 Workspace 0이 기본 업무 범위로 선택되고, 오른쪽 범위 버튼에 Organization · Workspace 0 · Workspace 이름 순서로 표시됩니다.
  • AI 비서는 모든 제품에서 같은 위치에 계속 표시됩니다. 제품을 이동해도 생겼다가 사라지지 않습니다.
  • 버튼 높이는 EDS의 button-lg(36px), 버튼 사이는 4px로 통일했습니다. 임의의 48px 감싸기 영역을 제거해 실제 버튼 사이의 빈 공간도 일정합니다.
  • 개발 점검용 사이트맵은 PC 개발 환경에서만 표시합니다.

상단의 AI 비서 버튼을 누르면 현재 제품과 관계없이 동일한 AI 비서 패널이 열립니다. 업무 범위 버튼에는 접근 가능한 Workspace만 표시됩니다. Organization 변경은 전환 대화상자의 별도 Organization 전환, 계약·결제·권한 관리는 최고관리자용 하단 조직관리에서 수행합니다.

2026-07-26 오너 결정: Company를 가상 Workspace처럼 표시하던 선택 행을 폐기했습니다. Workspace 홈과 관리비 셸은 최고관리자에게만 하단 조직관리를 표시하며 /administration/organization/account/general로 이동합니다. ✅ 구현.