search

Dev-FE-2 / toy-project1-team2-intranet-project

🌱 효율적인 수강생 관리와 소통을 위한 가상의 학습 플랫폼 회사 도파밍의 인트라넷 서비스입니다.
0 stars 0 forks source link

[Style] 출/퇴근 반응형 페이지 제작 #89

Closed Chajaesik01 closed 3 days ago

Chajaesik01 commented 3 days ago

✨ Related Issues

📝 Task Details

📂 References

💖 Review Requirements

Chajaesik01 commented 3 days ago

https://github.com/user-attachments/assets/ec6a6f65-29b1-4d48-aa4a-7ea67278a6e4

Chajaesik01 commented 3 days ago

피드백 사항에 맞게 모바일 화면일 때 표시하는 글들의 크기를 증가시켰습니다. https://github.com/user-attachments/assets/96aee2c7-668e-4eb1-8858-38963c74a068

bbjbc commented 3 days ago

피드백 사항에 맞게 모바일 화면일 때 표시하는 글들의 크기를 증가시켰습니다. https://github.com/user-attachments/assets/96aee2c7-668e-4eb1-8858-38963c74a068

반응형으로 진행 시에 달력과 그 위에 블럭이 겹치고 있는데 간격이 있으면 좋겠어요. 달력에도 4가지가 있으면 저렇게 작게 되는데 모바일 화면일 때는 셀의 높낮이를 높여서 하나씩 줄줄이 나타내면 좋을 것 같아요. 가로 셀은 타 셀과 비교했을 때 깨지지 않게 하는게 좋아보여요.

피그마처럼 구현하면 될 것 같습니다.

Chajaesik01 commented 3 days ago

피드백 사항에 맞게 모바일 화면일 때 표시하는 글들의 크기를 증가시켰습니다. https://github.com/user-attachments/assets/96aee2c7-668e-4eb1-8858-38963c74a068

반응형으로 진행 시에 달력과 그 위에 블럭이 겹치고 있는데 간격이 있으면 좋겠어요. 달력에도 4가지가 있으면 저렇게 작게 되는데 모바일 화면일 때는 셀의 높낮이를 높여서 하나씩 줄줄이 나타내면 좋을 것 같아요. 가로 셀은 타 셀과 비교했을 때 깨지지 않게 하는게 좋아보여요.

피그마처럼 구현하면 될 것 같습니다.

피드백 감사합니다 https://github.com/user-attachments/assets/41dfd120-eee7-48f6-ba7f-64944d879aac

  1. 달력과 그 위 컴포넌트와의 간격 추가
  2. 모바일 화면일 때 셀의 높낮이를 조절해 줄줄이 출력
  3. 원본 div의 코드로 피그마의 컴포넌트 순서로 표현하기에는 어렵다고 생각합니다
bbjbc commented 3 days ago

피드백 사항에 맞게 모바일 화면일 때 표시하는 글들의 크기를 증가시켰습니다. https://github.com/user-attachments/assets/96aee2c7-668e-4eb1-8858-38963c74a068

반응형으로 진행 시에 달력과 그 위에 블럭이 겹치고 있는데 간격이 있으면 좋겠어요. 달력에도 4가지가 있으면 저렇게 작게 되는데 모바일 화면일 때는 셀의 높낮이를 높여서 하나씩 줄줄이 나타내면 좋을 것 같아요. 가로 셀은 타 셀과 비교했을 때 깨지지 않게 하는게 좋아보여요. 피그마처럼 구현하면 될 것 같습니다.

피드백 감사합니다 https://github.com/user-attachments/assets/41dfd120-eee7-48f6-ba7f-64944d879aac

  1. 달력과 그 위 컴포넌트와의 간격 추가
  2. 모바일 화면일 때 셀의 높낮이를 조절해 줄줄이 출력
  3. 원본 div의 코드로 피그마의 컴포넌트 순서로 표현하기에는 어렵다고 생각합니다

네 고생하셨습니다!