design: css 추가 수정 사항

[H-un1]

📌 관련 이슈번호

close : #113

🔍 구현한 내용

마이페이지 UI/UX 개선 및 삭제/저장 완료 팝업 구현

Design Updates

• 마이페이지 조합 카드 hover 효과 개선

  • 조합 카드 hover 시 shadow 효과 추가
  • 기기가 없는 빈 조합은 hover 효과 없음

• 별 아이콘 상태별 구현

  • 즐겨찾기 ON 상태: 노란 별 아이콘
  • 즐겨찾기 OFF 상태: 회색 별 아이콘
  • Hover 상태: 반투명 노란 별 아이콘

• 마이페이지 자세히보기 Back 버튼 사이즈 수정

  • w-48 h-48로 통일

• 좌측 플로팅 메뉴 (최근에 본 기기) hover 효과

  • Border 제거
  • 기기명 hover 시 색상 변경

• 기기 검색창 색상 변경

  • placeholder 텍스트: gray-500

Features

마이페이지 삭제/저장 완료 팝업

• 삭제 완료 팝업

• 저장 완료 팝업

• 애니메이션 (DeviceSearchPage와 동일)

• 스크롤 방지

  • 모달 표시 중 배경 스크롤 방지

기기 검색페이지

• 충전기 카테고리 추가

📸 스크린샷 or 실행 영상

📢 리뷰어에게

• 마이페이지에서 조합 카드 hover 시 shadow 효과 확인
• 별 아이콘 상태별 표시 확인 (ON/OFF/Hover)
• 조합 삭제 시 삭제 완료 팝업 표시 및 애니메이션 확인
• 조합명 저장 시 저장 완료 팝업 표시 및 애니메이션 확인
• 팝업 표시 중 배경 스크롤 방지 확인
• 기기 검색페이지에서 충전기 카테고리 확인
• 최근에 본 기기 hover 효과 확인

[github-actions]

✅ PREVIEW https://device-life-frontend-lkff-atswzerro-yuminparks-projects.vercel.app

[waldls]

1. 삭제 후 뜨는 모달이 아래와 같이 빨간 동그라미만 뜨고 안에 아이콘은 원래 없는걸까요?

2. 기기 검색에서 충전기 역시 다른 카테고리와 마찬가지로 hover시 아이콘 색 자체가 바뀌어야 할 것 같습니다.

[H-un1]

1. 삭제 후 뜨는 모달이 아래와 같이 빨간 동그라미만 뜨고 안에 아이콘은 원래 없는걸까요?

2. 기기 검색에서 충전기 역시 다른 카테고리와 마찬가지로 hover시 아이콘 색 자체가 바뀌어야 할 것 같습니다.

수정하였습니다

[github-actions]

✅ PREVIEW https://device-life-frontend-lkff-y2zhdvv0k-yuminparks-projects.vercel.app