[v0.1.1] 기본적인 반응형 적용 필요

[callmebyneon]

레이아웃

• 헤더 반응형 (common\Layout\Header.tsx)
• 푸터 반응형 (common\Layout\Footer.tsx)
• 사이드바 레이아웃 반응형 (common\Layout\Sidebar**)
  • 일정 사이즈 이하로 작아지면(ex: lg:**) 아코디언으로 열고 닫을 수 있도록

모달

• 모달 콘텐츠의 가장 작은 사이즈 이하로 작아지면 전체 화면으로 보이기 (common\MordalPortal\ModalPortal.tsx)
  • 로그인 모달 (app(auth)_components\LoginModal) △

입력 폼

• 커뮤니티 글 작성 - GridField의 그리드 레이아웃 (common\Atoms\Form\Field.tsx)
• 마이페이지 > 내 프로필 정보 그리드 (app(route)\my\profile\page.tsx)

스터디 카드 리스트

• 기본 카드 리스트 그리드 (common\Templates\CardList.tsx\StudyCardList)
  • 마이페이지 > 찜 스터디 리스트 그리드 (app(route)\my\like-study\page.tsx)
  • 마이페이지 > 내 스터디 활동에서의 스터디 이스트 그리드 (app(route)\my\study\page.tsx)
• 와이드 스터디 카드 리스트 그리드 (app(route)\study_components\WideStudyList.tsx)
• 라지 스터디 카드 리스트 그리드 (app(route)\study_components\LargeStudyList.tsx)

메인 화면 (/)

• 배너 이미지 (app_components\BannerImage.tsx)
• 메인 스터디 검색창 (app_components\TopBannerSection.tsx\TopBanner)
• 로그인한 사용자 스터디 현황 (app_components\UserCurrentStudySection.tsx)
• 목표별 스터디 탐색 섹션의 탭 버튼 그룹 (app_components\CategoryTab\TabButtonsOfGoalSection.tsx)
  • 스터디 탐색 시 사용되는 스터디 분류 탭 버튼 그룹 역시 마찬가지 (app(route)\study_components\StudyCategoryTabButtonList.tsx)
• 유저 리뷰 슬라이드