fix: 웹 디자인 수정

[ParkSungju01]

✨ 요약

- 동아리 검색 label 크기 조정 및 간격 조정
- 지역 선택 버튼 크기 조절
- 동아리 목록 화면에서 UniversityClubSidebar 크기 조정

😎 해결한 이슈

• close [fix] 웹 디자인 수정 #339

Summary by CodeRabbit

• Style
  • 홈, 동아리 목록, 대학 동아리 사이드바의 화면 간격과 크기 조정이 이루어져 전반적인 레이아웃이 더 균형 있게 보이도록 개선되었습니다.
  • 검색 입력창, 필터 버튼, 카드 목록의 반응형 스타일이 조정되어 작은 화면과 큰 화면 모두에서 UI가 더 일관되게 표시됩니다.
  • 최근 본 동아리 영역과 대학 목록 그리드의 여백이 변경되어 콘텐츠 배치가 더 정돈되었습니다.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: f197ddeb-eac8-4c39-952b-da075b7dab12

📥 Commits

Reviewing files that changed from the base of the PR and between c370fe6 and 490f02b.

⛔ Files ignored due to path filters (2)

• apps/web/src/assets/add-mov.svg is excluded by !**/*.svg, !apps/*/src/assets/** and included by **
• apps/web/src/assets/add-photo.svg is excluded by !**/*.svg, !apps/*/src/assets/** and included by **

📒 Files selected for processing (3)

• apps/web/src/components/UniversityClubSidebar/index.tsx
• apps/web/src/pages/Home/index.tsx
• apps/web/src/pages/UniversityClubList/index.tsx

---

Walkthrough

피그마 디자인 수정에 따라 세 파일의 Tailwind 클래스 값만 변경된 UI 스타일 수정 PR입니다. UniversityClubSidebar의 aside 컨테이너에 w-full/md:w-64.75가 적용되고 lg:gap이 조정되었으며, section의 sm: 높이·패딩 클래스가 변경되었습니다. Home 페이지에서는 검색바, 최근 본 동아리 영역, 지역 필터 버튼·label, 대학 그리드 상단 여백 클래스가 조정되었습니다. UniversityClubList에서는 그리드 컬럼 폭, 검색 label 스타일, 카드 그리드 gap이 변경되었습니다.

Possibly related PRs

• BCSDLab/KONECT_FRONT_END#321: UniversityClubSidebar 컴포넌트 공통화 PR로, 이번 PR이 수정하는 동일 파일·컴포넌트 구조를 도입한 변경입니다.
• BCSDLab/KONECT_FRONT_END#315: Home/index.tsx의 레이아웃 사이즈 변경을 포함한 이전 UI 조정 PR로, 이번 PR과 동일 파일·동일 영역에 직접 겹칩니다.
• BCSDLab/KONECT_FRONT_END#327: UniversityClubSidebar, Home, UniversityClubList 동일 파일들에 대해 유사한 웹 UI 사이즈 조정을 수행한 PR입니다.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목이 웹 디자인/크기 수정이라는 핵심 변경과 직접 관련되어 있어 적절합니다.
Linked Issues check	✅ Passed	연결된 이슈 #339의 피그마 기반 웹 크기·간격 조정 요구와 변경 내용이 일치합니다.
Out of Scope Changes check	✅ Passed	변경 사항은 관련 페이지의 UI 크기·간격 조정에 한정되어 있어 범위를 벗어난 작업은 보이지 않습니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 339-fix-웹-디자인-수정

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[ff1451]

고생하셨습니다!