[GGFE-245] 상점 css 보완 및 배경, 엣지 스타일 문법 수정

[hyobb109]

📌 개요

• 상점 css 보완 및 배경, 엣지 스타일 문법 수정

💻 작업사항

• 코인이 모바일로 보았을 때 코인이미지가 조금 올라가있는 것 같아서 아래로 조금 내리고 코인내역에도 localestring 적용했습니다
• 아이템 카드에서 단어 기준 줄바꿈 되도록 적용했습니다
• 배경, 엣지 테마를 map으로 만들어두고 @each 사용하여 반복문으로 클래스 생성할 수 있도록 수정했습니다
• 배경 색상 변수명이 헷갈려서 그냥 해당 배경색 이름으로 바꾸었습니다

✅ 변경로직

[PHJoon]

확인했습니다! each문 쓰니까 훨씬 보기 좋고 이해하기도 쉽네요! 코인 내역 콤마도 잘 들어가있고 단어 줄바꿈도 잘 되네요! 고생하셨습니다! 👍

[PHJoon]

이렇게 간단히 표현할 수 있군요 😮 scss 반복문 배워갑니다!

[hyobb109]

엣지, 배경 색상 확정된거로 수정 후 다시 pr 올리겠습니다!

[hyobb109]

• 엣지, 배경 색상과 티어 확정해서 스타일 수정 완료했습니다.
• 확률표는 우선 여기에 정리해두었습니다!

[yoouyeon]

배경 색/이미지띠 색 확정해서 너무 좋네요....ㅎㅎㅎ
변수명 바꾸니까 훨씬 보기 좋은 것 같아요! 반복문으로 고친 것도 훨씬 읽기 쉬워진 것 같구요!
수정하신 다른 부분도 모두 잘 되는 것 같습니당 수고하셨어요!! 😆👍