사용자 메뉴의 결제 버튼 UI 불일치 문제

,

image

스크린샷을 보면 "Billing"을 제외한 다른 모든 버튼은 텍스트 없이 SVG 아이콘만 포함하고 있지만, Billing 버튼에는 텍스트가 포함되어 있어 시각적으로 일관성이 없습니다.

텍스트를 제거하는 것이 더 나은가요? 아이콘만으로도 충분하다고 생각합니다.

이 부분을 제거하기 위한 PR은 여기에 있습니다.

1개의 좋아요

좋은 지적 감사합니다, @small-lovely-cat! UI에서 아이콘 1개만 텍스트와 함께 표시되는 것이 꽤 어색해 보일 것 같네요.

제 환경에서 확인한 바로는, 뷰포트가 너무 좁아질 때 발생하며, 해당 텍스트 요소가 페이지에 표시되지 않도록 일부 스타일을 적용하고 있기 때문입니다:

PR에서 업데이트한 Billing 컴포넌트에는 국제화(i18n) 텍스트 주위에 span 요소가 없습니다. 이 요소를 추가해야 하며, 이 경우를 처리하는 데 충분할 것입니다. 그렇지 않고 텍스트를 완전히 제거하게 되면, 넓은 뷰포트에서 다른 모든 아이콘에 텍스트가 함께 표시되는 반면 해당 아이콘만 텍스트가 없는 문제가 발생할 수 있기 때문입니다.

4개의 좋아요

네, 빠른 답변 감사합니다~
수정된 PR 버전이 여기에 있고, 이전 버전은 닫아두었습니다(github에서 병합을 못 하게 해서 >﹏<).

3개의 좋아요

다시 한번 감사합니다 @small-lovely-cat, PR을 승인하고 병합했습니다 :slight_smile:

3개의 좋아요

이 주제는 18시간 후 자동으로 닫혔습니다. 더 이상 답변을 게시할 수 없습니다.