Refactor/issue 178 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

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