Conversation
## 관련 페이지 - `/study` - 스터디 모집 페이지 - `/project` - 프로젝트 모집 페이지 - `/coding-test` - 코딩테스트 준비 페이지 - `/study/[id]`, `/project/[id]`, `/coding-test/[id]` - 상세 페이지 - `/user` - 마이페이지 (나의 작성 목록) ## 구현한 기능 ### 배지 스타일 통일 - **패딩**: 모든 상세 페이지(`DetailTemplate`) 배지를 `py-2 px-4` + `text-xs` + `font-semibold`로 통일 - **색상**: - 모집 중/해결: `#45CD89` (초록색) - 모집 완료/미해결: `#FC5E6E` (빨간색) ### 카드 패딩 통일 - 전체보기 카드(`PostCard`)의 좌우 패딩을 스터디/프로젝트 카드와 동일하게 `px-4 sm:px-6` 적용 ### 레이아웃 개선 - Header 우측 정렬: `pl-[9.375%] pr-16` (고정 우측 패딩) - 사이드바 왼쪽 간격: `pl-8` (축소) - 사이드바 버튼 포커스: `border border-transparent [outline:0]` (아웃라인 제거) ## 상세 설명 - 배지의 패딩과 색상을 Figma 디자인 스펙에 맞춰 표준화 - 모든 카드의 좌우 패딩을 통일하여 정렬 일관성 강화 - 헤더와 사이드바 레이아웃을 개선하여 반응형 디자인 최적화
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
|
진행한 내용 정리하느라 고생했어용 |
Contributor
|
노션 누락된 부분 추가로 제가 적용했습니다요~! 고생하셨슴다 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
02/26
관련 페이지
/study- 스터디 모집 페이지/project- 프로젝트 모집 페이지/coding-test- 코딩테스트 준비 페이지/study/[id],/project/[id],/coding-test/[id]- 상세 페이지/user- 마이페이지 (나의 작성 목록)구현한 기능
배지 스타일 통일
DetailTemplate) 배지를py-2 px-4+text-xs+font-semibold로 통일#45CD89(초록색)#FC5E6E(빨간색)카드 패딩 통일
PostCard)의 좌우 패딩을 스터디/프로젝트 카드와 동일하게px-4 sm:px-6적용레이아웃 개선
pl-[9.375%] pr-16(고정 우측 패딩)pl-8(축소)border border-transparent [outline:0](아웃라인 제거)상세 설명
02/28
관련 페이지
/coding-test - 코딩테스트 준비 페이지
/coding-test/[id] - 코딩테스트 상세 페이지
/study/write/[type], /project/write/[type] - 작성 페이지
/user - 마이페이지
공통 컴포넌트 (Pagination, MultiSelect)
구현한 기능
상태 배지 스타일링:
패딩: px-3 py-2.5
min-w-[60px] 추가로 해결/미해결 배지 크기 통일
font-medium 추가 및 inline-flex 적용
색상: 해결 #45CD89, 미해결 #FC5E6E
테이블 행 높이: py-4 → py-5 (세로 간격 증가)
텍스트 색상 통일: 언어, 플랫폼, 작성자 열을 text-gray-800로 변경
플랫폼 열 밑줄 제거: underline 클래스 삭제
문제 제목 정렬: text-center 추가로 중간정렬
2. 필터 기능 개선
초기화 버튼 추가: 선택된 필터 태그 옆에 위치
클릭 시 모든 필터(상태, 언어, 플랫폼) 초기화
아이콘 + 텍스트 스타일로 심플하게 표시
3. MultiSelect 컴포넌트
태그 패딩 표준화: px-3 py-2 (상하좌우 8px 통일)
X 버튼 스타일: 흰색 원형 배경 + 검은색 아이콘
4. Pagination 컴포넌트
선택된 페이지 숫자: text-sm → text-base (크기 증가)
선택된 페이지 배경: 초록색 → #E3E7ED 라이트 그레이
텍스트 색상: 흰색 → text-gray-700 (검은색)
5. Write 페이지 입력 포커스 상태
제목 입력: focus:bg-white → focus:bg-gray-50 (배경색 유지)
텍스트 두께: font-semibold 추가
플레이스홀더: focus:placeholder:text-gray-400 추가
6. 마이페이지 레이아웃 개선
왼쪽 여백 감소: pl-16 → pl-6
스터디/프로젝트 페이지와 동일한 간격으로 좌측 정렬
🎀 PR 유형
어떤 변경 사항이 있나요?
✨ 추가/수정 내용
🎊 PR Checklist
PR이 다음 요구 사항을 충족하는지 확인하세요.