[ETC] 스타일 - 2022.12.21에 한 거 리팩토링

[SEMINSEMINSEMIN]

• [x] 개별 채팅방
• [x] 채팅 리스트
• [x] 게시글 상세
• [x] 모달창 꽉 차게
• [x] 포스트 새로 작성하게
• [x] 포스트 수정도 스타일 적용

[github-actions[bot]]

Branch refactor/issue-178 created for issue: [ETC] 스타일 - 2022.12.21에 한 거 리팩토링

[SEMINSEMINSEMIN]

Refactor: 챗리스트 페이지 태블릿 반응형 https://github.com/nailedReact/react-app/issues/178

채팅이 많아졌을 때 padding-bottom 줌 태블릿 버전에서 글씨 크기 키움 topbar 위에 가득 차도 기존에 줬던 height 없앰 Refactor: 개별 채팅방 태블릿 css https://github.com/nailedReact/react-app/issues/178

태블릿 이상에서 글씨 크기 키움 채팅방 뒷배경 max width 대신 calc(100vh - ~~px) 이용 채팅 입력 폼 position: absolute, bottom: 0으로 고정 inp message output message img 모두에 width 240px Refactor: 모달창 태블릿 css https://github.com/nailedReact/react-app/issues/178

태블릿에서 글씨 크기 키움 태블릿에서 li 패딩 키움 태블릿에서 모달창의 태블릿 영역을 넓히기 위해 첫 번째 li에만 padding-top을 60px로 Refactor: 게시글 상세 페이지 https://github.com/nailedReact/react-app/issues/178

태블릿에서 글씨 키움 댓글 입력 position: fixed, bottom: 0 특이 사항: postcard는 수현님이 수정하시는거 같아 css 수정 안 했습니다 Refactor: 게시물 업로드 페이지 CSS 태블릿 https://github.com/nailedReact/react-app/issues/178

textarea height 100%를 통해 textarea의 height가 너무 커지는걸 방지: 다른 곳에서도 잘 작동하는지 확인 필요 글씨 크기 키움 레이아웃 피그마에 맞춤 이미지 업로드 아이콘 fixed bottom Style: 게시물 수정 페이지 CSS https://github.com/nailedReact/react-app/issues/178

게시물 업로드 페이지랑 수정 페이지랑 공통되는 컴포넌트 따로 컴포넌트 빼서 컴포넌트 폴더 하에 넣어놓음 업로드 활성화 버튼 탑바랑 연결하는 거 추후 구현 필요