Tree Detail Circle comp 제작

[Jung-eunwoo]

Issues 번호 :

44

변경, 추가된 코드(설명 등)

• 버튼 focus시 상단에 메뉴 노출되는 컴포넌트 구현

코드 주의점

• ㅎㅎ.. 버튼 눌렀을 때 반응 미구현

스크린샷

Summary by CodeRabbit

- Style: CpIconCircleButton.vue 파일에서 버튼의 hover 배경 색상을 변경했습니다.
- New Feature: TreeDetailFooter.vue 파일에서 새로운 하위 아이콘 버튼들을 추가하고 스타일링을 변경했습니다. 주요 변경 사항은 메뉴 구조와 아이콘 버튼의 배치 및 스타일입니다.

[github-actions[bot]]

CodeRabbit

개요:

버튼의 hover 배경 색상이 변경되었으며, TreeDetailFooter.vue 컴포넌트에 새로운 하위 아이콘 버튼들이 추가되고 스타일링이 변경되었습니다. 주요 변경 사항은 메뉴 구조와 아이콘 버튼의 배치 및 스타일입니다.

상세 정보:

• src/components/commons/CpIconCircleButton.vue: 버튼의 hover 배경 색상 변경
• src/components/tree/detail/TreeDetailFooter.vue:
  • 새로운 하위 아이콘 버튼 추가
  • 스타일링 변경 (메뉴 구조, 아이콘 버튼 배치 및 스타일)

    ---

    Uplevel your code reviews with CodeRabbit Pro

    ### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

[Jung-eunwoo]

• circle nav 제작 완료
• transform및 transition 을 이용한 화면단의 구현만 해놓은 상태.
• transition duration 을 통해 왼쪽부터 움직이도록 제작

[doyou1]

적용 완료