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.

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

feat: 메인 페이지 모바일 UI 구현 #255

Open
wants to merge 41 commits into
base: dev
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 26 commits
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
0e89460
[style] : mobile typo 정의 및 Header mobile svg 추가
alwubin Dec 7, 2024
5785e4f
[feat] : viewport 메타 태그 추가 및 미디어 쿼리 기본 스타일 적용
alwubin Dec 8, 2024
7889a18
[feat] : LandingPage에 사용되는 모바일 svg 추가
alwubin Dec 8, 2024
bf378ee
[feat] : 모바일 Button 컴포넌트 구현
alwubin Dec 8, 2024
9e1cf04
[style] : 모바일 typo 추가
alwubin Dec 8, 2024
9b93298
[feat] : BalanceGameCategory 관련 모바일 스타일 추가
alwubin Dec 8, 2024
2e34267
[feat] : CategoryBox 관련 모바일 스타일 추가
alwubin Dec 8, 2024
6d7999c
[feat] : SearchBar 모바일 스타일 추가
alwubin Dec 8, 2024
9cbf5fa
[feat] : ContentsButton 모바일 스타일 추가
alwubin Dec 8, 2024
c79b191
[feat] : TopBanner 모바일 스타일 추가
alwubin Dec 8, 2024
d253605
[feat] : 모바일 layout 정의
alwubin Dec 8, 2024
9e04430
[feat] : Mobile 컴포넌트 관련 svg 파일 추가
alwubin Dec 8, 2024
5a64243
[feat] : LandingPage 속 새로운 mobile 컴포넌트 UI 및 스토리북 구현
alwubin Dec 8, 2024
640137f
[feat] : BalanceGameList 관련 모바일 스타일 추가
alwubin Dec 8, 2024
7c40e26
[style] MobileCreateButton hover style 및 배경 색상 추가
alwubin Dec 9, 2024
4df0893
[feat] useIsMobile 훅 구현 및 반응형 적용
alwubin Dec 9, 2024
da1caea
[refactor] : 모바일 UI 컴포넌트 폴더 구조 변경 및 적용
alwubin Dec 9, 2024
f9dfd3f
[feat] : DraftSaveButton 컴포넌트 UI 및 스토리북 구현
alwubin Dec 9, 2024
11e0e37
Merge branch 'dev' into feat/249-landing-mobile-ui
alwubin Dec 10, 2024
5f794bc
[chore] : 모바일 UI 관련 폴더 구조 정리 및 파일 이동
alwubin Dec 10, 2024
7f838d2
[refactor] : 스토리북 통일을 위해 Default/All로 수정
alwubin Dec 11, 2024
f7f8bd1
[refactor] : 모바일 UI 스토리북 폴더 구조 수정
alwubin Dec 11, 2024
1ca657c
[refactor] : TopBanner 모바일 dotStyling 수정
alwubin Dec 11, 2024
def69e0
[refactor] : 레이아웃 공백 요소의 불필요한 ARIA role 제거 및 접근성 개선
alwubin Dec 11, 2024
376bc7b
[refactor] : 접근성 개선을 위한 aria-hidden 추가
alwubin Dec 11, 2024
683110a
Update src/components/mobile/molecules/MobileCreateDropdown/MobileCre…
alwubin Dec 12, 2024
4bd8535
[refactor] accessToken 타입 처리 개선
alwubin Dec 12, 2024
0c7ea14
[refactor] : 로그인 핸들러 중복 로직 제거 및 개선
alwubin Dec 12, 2024
a87da2f
[style] typo 누락 스타일 추가
alwubin Dec 12, 2024
9aa65cb
[refactor] : 컴포넌트 네이밍 수정
alwubin Dec 12, 2024
9d33708
[refactor] : 스토리북 속 porps 일부 action 적용
alwubin Dec 12, 2024
408850c
[refactor] : 컴포넌트 네이밍 수정 및 적용
alwubin Dec 12, 2024
d62a7fc
[refactor] : 로그인 핸들러 중첩 함수 오류 수정
alwubin Dec 12, 2024
27311d2
[refactor] : 사용자 에이전트 문자열 검사 로직 개선
alwubin Dec 12, 2024
ca6ad6e
[refactor] : 사용자 에이전트 문자열 검사 로직 수정
alwubin Dec 12, 2024
d3c5a97
[refactor] : 모바일 토글 defaultItem을 통해 종속성 제거
alwubin Dec 13, 2024
d2f2cda
[refactor] : 태그 제거 및 cosole 함수 action 기능으로 수정
alwubin Dec 13, 2024
5e33858
[refactor] : 인코딩 처리 명시
alwubin Dec 16, 2024
1f6d5d5
[feat] : storybook custom viewport를 통해 모바일 UI 스토리북 구현
alwubin Dec 16, 2024
738de7e
[refactor] : 수정된 props 반영
alwubin Dec 16, 2024
bb112d2
[feat] : 모바일 화면에서 toastModalStyling의 top 값을 65px로 조정
alwubin Dec 18, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion public/index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
WonJuneKim marked this conversation as resolved.
Show resolved Hide resolved
<title>PICK-O</title>
</head>

Expand Down
17 changes: 17 additions & 0 deletions src/assets/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,23 @@ export { default as GameEnding } from './gif/game-ending.gif';
export { default as OptionError } from './svg/option-error.svg';
export { default as MoreReply } from './svg/more-reply.svg';
export { default as IcTrash } from './svg/trash.svg';
export { default as ListIcon } from './svg/list.svg';
export { default as LogoSmall } from './svg/logo-small.svg';
export { default as PickVoteSmall } from './svg/pick-vote-small.svg';
export { default as RandomGameSmall } from './svg/random-game-small.svg';
export { default as CheckSmall } from './svg/check-small.svg';
export { default as PopularSmall } from './svg/popular-small.svg';
export { default as CoupleSmall } from './svg/couple-small.svg';
export { default as TasteSmall } from './svg/taste-small.svg';
export { default as WorldcupSmall } from './svg/worldcup-small.svg';
export { default as TriangleDown } from './svg/triangle-down.svg';
export { default as TriangleUp } from './svg/triangle-up.svg';
export { default as BookmarkDFSmall } from './svg/bookmark-df-sm.svg';
export { default as BookmarkPRSmall } from './svg/bookmark-pr-sm.svg';
Comment on lines +97 to +98
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아름님 pr도 중복되는 부분이 있어서 추후 하나로 통일되면 좋을 거 같네요..! 추가로 해당 pr에도 언급했듯 기존 svg에 width와 height를 주입해주는 방식이 효율적이라고 생각합니다!

export { default as CirclePencil } from './svg/circle-pencil.svg';
export { default as CircleClose } from './svg/circle-close.svg';
export { default as CircleGame } from './svg/circle-game.svg';
export { default as CircleTalkPick } from './svg/circle-talkpick.svg';

// TODO: 이전 SVG
export { default as Email } from './svg/email.svg';
Expand Down
3 changes: 3 additions & 0 deletions src/assets/svg/bookmark-df-sm.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/svg/bookmark-pr-sm.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/svg/check-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions src/assets/svg/circle-close.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions src/assets/svg/circle-game.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions src/assets/svg/circle-pencil.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions src/assets/svg/circle-talkpick.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/assets/svg/couple-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/svg/list.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions src/assets/svg/logo-small.svg
WonJuneKim marked this conversation as resolved.
Show resolved Hide resolved
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/assets/svg/pick-vote-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions src/assets/svg/popular-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/assets/svg/random-game-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 14 additions & 0 deletions src/assets/svg/taste-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/svg/triangle-down.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/svg/triangle-up.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions src/assets/svg/worldcup-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading