search

HAT-Here-And-There / here-and-there-frontend

This is here and there project frontend repository of 한이음 ict
0 stars 0 forks source link

Fix : travel-plan-all 코드 및 UI 수정 #36

Closed shroqkf closed 2 months ago

shroqkf commented 2 months ago

피드백 주신 부분들 반영해서 수정해봤습니다! 혹시 반영이 안된 부분이나 잘못된 부분이 있다면 말씀주시면 감사하겠습니다 🙇‍♀️

  1. PlanListAll 컴포넌트에서 main 요소의 높이를 calc(100vh - 100px)로 설정하여, 화면 전체 높이에서 헤더와 푸터의 높이(100px)를 뺀 값을 적용했습니다. 내부 div 요소들에 overflow-y-scroll 속성을 적용하여, 콘텐츠가 넘칠 때 스크롤이 가능하도록 했습니다.
  2. placeChat 컴포넌트에서 % 단위에서 flex 시스템으로 변경하여 레이아웃을 개선했습니다. 그리고 form 요소의 스타일을 수정하여 더 자연스럽게 표시되도록 했습니다.
  3. fetchSavedPlaces 함수를 utils/fetchFunctions.ts 파일로 분리하고, 필요한 컴포넌트에서 이를 가져와 사용하도록 수정해봤습니다.