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

[FE] mock데이터 수정 및 css 수정 #228

Merged
merged 12 commits into from
Dec 24, 2022
Merged

Conversation

kimyouknow
Copy link
Contributor

About

  1. 유저 및 팀 mock데이터를 수정했습니다.
  2. 유저 및 팀 목록 css를 수정했습니다.
  3. 데이터 요청 실패시 표시할 UI를 추가했습니다.

Description

mock데이터만 수정하고, css도 피그마에 있는 내용을 그대로 반영 한 것 외에 중요한 로직 변경이 없어 세부사항은 생략하겠습니다.

(브랜치명은,,,,, 회원가입 로직 체크하다가 급하게 보이는대로 작업해서 작업한 내용과 맞지 않습니다.😓)

@kimyouknow kimyouknow added Fix 수정 FE 프론트 관련 labels Dec 23, 2022
@kimyouknow kimyouknow requested a review from hoeun0723 December 23, 2022 13:37
@kimyouknow kimyouknow self-assigned this Dec 23, 2022
Copy link
Collaborator

@hoeun0723 hoeun0723 left a comment

Choose a reason for hiding this comment

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

확인했습니다. 간단한 질문 몇가지 남겨두었습니다. merge 진행해도 좋을 거 같습니다.

@@ -83,16 +94,18 @@ export const TeamName = styled.div`
font-weight: 700;
`;

export const TeamSlogan = styled.div``;
Copy link
Collaborator

Choose a reason for hiding this comment

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

team 슬로건 관련 css는 따로 적용해주지 않아도 되는건가요?? 비어 있어서 질문 드립니다

Copy link
Contributor Author

Choose a reason for hiding this comment

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

넵! 아직 텍스트 스타일 관련한 작업이 theme.js에 반영이 안되어 있어서 변수로 묶어두기만 했습니다.

width: 1180px; // * : 페이지를 줄였을 시 한 행에 4개의 Card가 있게 유지 하려면 % 가 아닌 px로 값을 지정해줘야한다.
width: 100%;
Copy link
Collaborator

Choose a reason for hiding this comment

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

px 값이 아닌 다시 %로 지정해준 이유가 있나요 ??

Copy link
Contributor Author

Choose a reason for hiding this comment

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

px로 지정할 시 페이지 witdh를 줄였을 때, gird의 요소(유저 박스)들이 겹치는 문제가 발생했습니다. ㅠㅠ
%로 설정해서 grid의 요소들이 겹치지 않게 수정했습니다. 대신 페이지의 width를 줄였을 때 한 행에 4개의 유저박스가 보이는게 아닌 최소 넓이에 맞는 숫자로 보여집니다. (ex: 페이지 width를 줄이면 4개 -> 3개 -> 2개 이런식으로 줄어드면서 보입니다.)

@kimyouknow kimyouknow merged commit 7078828 into develop Dec 24, 2022
@kimyouknow kimyouknow deleted the FE/signup-check branch December 24, 2022 03:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트 관련 Fix 수정
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants