Skip to content

feat: #83 로고 추가 - #87

Open
borissal1207 wants to merge 4 commits into
devfrom
feature/#83-logo
Open

feat: #83 로고 추가#87
borissal1207 wants to merge 4 commits into
devfrom
feature/#83-logo

Conversation

@borissal1207

@borissal1207 borissal1207 commented Aug 8, 2026

Copy link
Copy Markdown
Collaborator

배경

사이드바 상단 "PLAN B" 텍스트 로고를 실제 디자인된 로고 이미지로 교체한다.
사이드바를 접었을 때도 브랜드 아이덴티티가 남아있도록, 접힌 상태에서는
아이콘 부분만 보이게 처리한다.

구현 대상

  • static/images/logo-lockup.png — 로고 이미지 (아이콘 + "PLAN B" 워드마크, 여백 제거 크롭본)
  • planner/templates/planner/includes/sidebar.html — 로고 마크업을 이미지 한 장으로 교체
  • static/css/planner.css.brand-logo 컨테이너로 펼침/접힘 두 상태 처리
  • templates/includes/icons.html — 더 이상 안 쓰는 i-logo SVG 심볼 제거

구현 방식

  • 로고는 "아이콘+PLAN B"가 한 장으로 합쳐진 이미지 하나만 사용
  • 펼쳐진 상태: .brand-logo{width:100px;height:28px;overflow:hidden}로 이미지 전체 노출
  • 접힌 상태(.app.collapsed): .brand-logo{width:25px}로 좁혀서 왼쪽 아이콘 부분만 남기고 나머지는 overflow:hidden으로 잘림
  • 로고 이미지가 바뀌어도 크롭 비율만 다시 맞추면 되고, 마크업 구조는 안 바뀝니다

이번 PR 범위 밖

  • 로고 이미지의 배경 완전 투명화 (원본이 크림색 배경이라, 사이드바 흰 배경과 100% 매끄럽게 섞이진 않음)

확인 기준

  • 사이드바 펼친 상태에서 "PLAN B" 로고 전체가 선명하게 보임
  • 로고(또는 상단바 메뉴 버튼) 클릭 시 사이드바가 접히고, 접힌 상태에서 B 아이콘만 남고 글자는 잘려서 안 보임
  • 다시 클릭하면 원래 폭으로 펼쳐지며 로고 전체가 복원됨
  • 모바일 폭(767px 이하)에서는 기존처럼 로고가 안 보이고 하단 탭바로 전환됨

Close #83

@borissal1207 borissal1207 changed the title Feature/#83 logo feat: #83 로고 추가 Aug 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[planner/FE] PLAN B 로고 디자인 수정

1 participant