[FE] iOS에서 아이콘이 제대로 보이지 않던 문제

[Todari]

issue

• close [FE] iOS에서 아이콘이 제대로 보이지 않던 문제 #947

구현 목적

현재 iOS에서 svg아이콘이 제대로 보이지 않는 문제가 있습니다.
이를 바로 잡기 위해 IconComponent를 변경합니다.

구현 사항

�svg의 크기를 동적으로 조절하기 위해

export const svgStyle = css`
  svg {
    width: auto;
    height: auto;
  }
`;

처럼 사용했지만, 크롬에서는 부모의 위치에 맞도록 설정되지만, safari에선 fixed로 되는 것이 기본 설정이기 때문에, os에 따라서 다르게 보이는 문제가 있었습니다.

이에 아래와 같이 변경하였습니다.

export const svgStyle = css`
  width: 100%;
  height: 100%;

  svg {
    width: 100%;
    height: 100%;
  }
`;

중점적으로 리뷰받고 싶은 부분(선택)

어떤 부분을 중점으로 리뷰했으면 좋겠는지 작성해주세요.

논의하고 싶은 부분(선택)

논의하고 싶은 부분이 있다면 작성해주세요.

🫡 참고사항

[soi-ha]

젭알 성공하길...

[github-actions]

🚀 storybook: https://66a9dea5db27afc2b8f91ba7-xsiomrtpzu.chromatic.com/

[github-actions]

🚀 storybook: https://66a9dea5db27afc2b8f91ba7-vlszrtaidd.chromatic.com/

[jinhokim98]

good 제발~~