[CREATE] Day10 이나경 83 신규 message 추가 UI 구현 - Githubissues

RollingPaperTeam / rolling-papaer-web

Apache License 2.0

1 stars 1 forks source link

[CREATE] Day10 이나경 83 신규 message 추가 UI 구현 #90

Closed nakyoung98 closed 8 months ago

nakyoung98 commented 8 months ago

이 PR은 어떤 유형인가요?

[x] 리팩터링
[x] 기능
[ ] 버그 수정
[ ] 최적화
[ ] 문서 업데이트

설명

`ButtonPlus`컴포넌트 적용

=> 가운데 배치를 한 CenteredButtonPlusstyled-component로 wrap

const CenteredButtonPlus= styled(ButtonPlus)`
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
`;

새메세지추가 Card에 UI 적용

<CardBlock>
  <CenteredButtonPlus type="button">
    <PlusIcon />
  </CenteredButtonPlus>
</CardBlock>

관련 티켓 및 문서

Related Issue #83
Closes #83

스크린샷, 녹화

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

[ ] Semantic HTML 구현?
[ ] 키보드 조작이 지원?
[ ] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?

giphy (5)