트리 아이템 작성/상세 화면

[seungyeonnn]

Issues 번호 :

Closes #53

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

• 편지지 디자인 변경
• 아이템 작성 / 상세 다이얼로그 여백 수정

코드 주의점

• textarea 줄바꿈이 되면 좋을 것 같당,,,,,

스크린샷

• 트리 아이템 작성 다이얼로그

• 트리 아이템 상세 다이얼로그

Summary by CodeRabbit

- Style: TreeItemPreview.vue에서 편지지 디자인 변경 및 여백 수정
- Refactor: TreeItemPreview.vue에서 이미지 컴포넌트 이름 및 조건문 수정
- New Feature: TreeItemCreateDialog.vue에서 다이얼로그 창 크기 일부분으로 수정
- Style: TreeItemCreateDialog.vue에서 아이템 작성 다이얼로그 헤더 디자인 변경
- Refactor: TreeItemCreateDialog.vue에서 배경 이미지 컴포넌트명 및 기능 수정, 새로운 이미지 컴포넌트 추가
- Style: TreeItemCreateDialog.vue에서 CSS 스타일 변경 및 레이아웃 조정
- Style: TreeItemDetailDialog.vue에서 다이얼로그 창 헤더 디자인 변경
- Refactor: TreeItemDetailDialog.vue에서 배경 이미지 컴포넌트명 수정, CSS 스타일 조정 및 위치 변경
- New Feature: use-tree-item-create-controller.ts에 BgType에 BG_TYPE_04 추가
- Refactor: use-tree-item-create-controller.ts에 updateFormData 함수의 매개변수 형식 변경

[github-actions[bot]]

CodeRabbit

개요:

이번 변경에서는 주로 편지지 디자인, 다이얼로그 창의 크기 및 디자인, 이미지 컴포넌트명 및 기능 수정, CSS 스타일 조정 등의 작업이 이루어졌습니다. 또한 새로운 이미지 컴포넌트가 추가되고 관련 로직도 수정되었습니다.

상세 정보:

• src/components/main/TreeItemPreview.vue: 편지지 디자인 변경, 아이템 다이얼로그 여백 수정
• src/components/treeItem/create/TreeItemCreateDialog.vue: 다이얼로그 창 크기 수정, 헤더 디자인 변경, 이미지 컴포넌트명 수정, 새로운 이미지 컴포넌트 추가
• src/components/treeItem/detail/TreeItemDetailDialog.vue: 헤더 디자인 변경, 배경 이미지 컴포넌트명 수정, CSS 스타일 조정
• src/composables/use-tree-item-create-controller.ts: BgType에 BG_TYPE_04 추가, updateFormData 함수 매개변수 형식 변경

  ---

  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.

[doyou1]

• 적용완료
• 줄바꿈 기능까지 추가 완료