Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

반응형과 Dark Theme 적용하기 #171

Closed
saseungmin opened this issue Apr 14, 2021 · 3 comments
Closed

반응형과 Dark Theme 적용하기 #171

saseungmin opened this issue Apr 14, 2021 · 3 comments
Labels
Improve 기능 개선 및 추가 사항 ToDo 할 일, To-Do UI / UX Working for CSS

Comments

@saseungmin
Copy link
Collaborator

  • 반응형이 제대로 구현되어있지 않다.
  • 반응형 적용하기.
  • Dark Theme 적용해주기
@saseungmin saseungmin added Improve 기능 개선 및 추가 사항 UI / UX Working for CSS pending pending labels Apr 14, 2021
This was referenced Apr 14, 2021
Open
Merged
saseungmin added a commit that referenced this issue Apr 19, 2021
@saseungmin
Merge pull request #172 from saseungmin/improve-responsive-main-and-h…
e6937e5 
…eader

[UI & UX] Improve responsive main and header #171
@saseungmin
Copy link
Collaborator Author

saseungmin commented Apr 19, 2021 •
edited

@saseungmin saseungmin mentioned this issue Apr 26, 2021
Merged
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue Apr 27, 2021
@saseungmin
[UI] 소개 페이지의 해더 부분의 UI 및 CSS를 향상시켜라 CodeSoom#171
a2e2fd2 
- 모바일 뷰에서 소개 페이지의 해더 부분의 UI를 변경
- 소개 페이지의 제목이 길때 깨지는 부분을 수정
@saseungmin saseungmin added ToDo 할 일, To-Do and removed pending pending labels Apr 28, 2021
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue Apr 29, 2021
@saseungmin
[UI] 스터디 소개에 반응형을 적용하라 CodeSoom#171
2033323 
- 스터디 소개 페이지의 body 부분의 내용에 반응형을 적용
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue Apr 29, 2021
@saseungmin
[UI & UX] 스터디 소개 페이지의 후기 부분을 반응형을 적용하라 CodeSoom#171
bbf08ff 
- 후기 작성 폼, 후기 리스트에 반응형을 적용
- 후기 삭제 후 다시 후기 저장시 깨지는 오류 수정
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 2, 2021
@saseungmin
[UI & UX] 모바일에서 모달과 스터디 신청자 목록에 대해 반응형으로 구현하라 CodeSoom#171
1f852b6 
- 스터디 신청서에 사용할 SVG 추가
- 모바일 뷰에 맞게 모달 CSS 변경
- 모바일 뷰에서 스터디 신청자 목록에 대한 반응형 구현
saseungmin added a commit that referenced this issue May 2, 2021
@saseungmin
Merge pull request #182 from saseungmin/improve-css-about-participant…
a0644c1 
…-modals

[UI & UX] 모바일에서 모달과 스터디 신청자 목록에 대해 반응형으로 구현하라 #171
@saseungmin
Copy link
Collaborator Author

saseungmin commented May 2, 2021 •
edited

👉 전체 페이지에 대한 반응형 적용 완료 (2021.05.03)

👉 Dark Mode 적용 완료

saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 9, 2021
@saseungmin
[Feature] theme toggle 버튼 만들어라 CodeSoom#171
d1345b0 
- Add svg to be used for theme toggle button
- npm install react-toogle dependencies
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 9, 2021
@saseungmin
[Feature] Theme toggle 버튼과 dark theme을 적용하라 CodeSoom#171
71aefc7 
- theme 버튼을 main 화면에 제목 상단에 배치
- 폰트 body의 color와 background color에 Dark theme 적용
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 12, 2021
@saseungmin
[UI] 로그인과 회원가입 페이지에 Dark Theme을 적용하라 CodeSoom#171
2cc3163 
- Mock Theme provider를 Auth관련 컴포넌트 테스트에 주입
- Apply dark theme to login and register page
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 12, 2021
@saseungmin
[UI] 스터디 개설 페이지에 Dark Theme을 적용하라 CodeSoom#171
9947a0a 
- 스터디 개설 페이지에 ThemeProvider에 의존하고 있는 테스트에 MockTheme 추가
- 스터디 개설 페이지에 Dark Theme을 적용
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 17, 2021
@saseungmin
[UI] 스터디 상세 및 소개 페이지에 dark theme을 적용하라 CodeSoom#171
b6dfe62 
- 스터디 소개 페이지의 소개 및 해더부분에 다크 모드 적용
- 스터디 소개 페이지의 리뷰 부분에 다크 모드를 적용
- 관련 themeprovider 의존성으로 인해 깨지는  테스트 컴포넌트에 Mock themeprovider 의존성 주입
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 18, 2021
@saseungmin
[UI] 모달창과 스터디 신청서, 스터디 신청자 목록에 대해 다크 모드를 적용하라 CodeSoom#171
7853998 
- 모달창에 dark theme을 적용
- 스터디 신청서 모달에 dark theme을 적용
- 스터디 신청자 목록 모달에 dark theme을 적용
- theme provider에 대해서 꺠지는 테스트에 의존성 추가
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 18, 2021
@saseungmin
[UI] 스터디 승인 상태와 모집 기간 상태에 다크 모드를 적용하라 CodeSoom#171
2d79a5e 
- 스터디 승인 상태 dark theme 적용
- 스터디 모집 기간 상태에 dark theme 적용
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 19, 2021
@saseungmin
[UI & UX] 스터디 목록의 loader에 대한 반응형 및 다크모드 적용 CodeSoom#171
c5c24be 
- 모바일 뷰에서의 content loader를 적용
- dark theme을 적용
saseungmin added a commit to saseungmin/project-react-2-saseungmin that referenced this issue May 20, 2021
@saseungmin
[UI & UX] 소개 페이지의 loader에 대해서 반응형을 적용하라 CodeSoom#171
6a7a560 
- 모바일 뷰에서 소개 페이지의 content loader 적용
@saseungmin
Copy link
Collaborator Author

saseungmin commented May 20, 2021 •
edited

🎉 2021-05-20 (목)

  • dark theme 적용 및 반응형 적용 완료로 인해 issue close

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Improve 기능 개선 및 추가 사항 ToDo 할 일, To-Do UI / UX Working for CSS
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@saseungmin