design: 기기검색페이지, 마이페이지 css 수정

[H-un1]

🚀 Description

== 기기 검색 페이지 ==

• 기기 검색의 검색창 밑 아이콘 밑 네이밍들은 변경된 텍스트 사이즈에 따라서 Body1으로 바꿔주세요.
• 가격대/브랜드 필터 사잇값 이미지에 따라 수정 부탁드립니다.(다운로드에 있는 사진 첨부)
  기기검색의 제품목록 카드의 가격은 Body1으로 바꿔주시고, 색은 black=gray500으로 바꿔주세요. 카테고리 텍스트는 Body2로 바꿔주세요.
• 기기명은 Heading4로 바꿔주세요.
• 이미지가 들어갈 회색 박스를 298*298 정사각형으로 바꿔주세요.(현재 W: 298은 유지, H값만 298로 단축)
• 이미지-기기명 사잇값: 24 -> 20, 카테고리-가격 사잇값: 24->16
  기기 카드 영역에 마우스를 호버하면, 기기명 텍스트가 blue600이 되게 해 주세요! (메인 컬러 쓰인 거 맞습니다.)

== 마이 페이지 ==

• 내 프로필에 기록된 라이프스타일 태그가 1개로 줄어듦에 따라서 네이밍-내용 상하 배열에서 좌우 배열로 바꿔주세요. 동시에 네이밍-내용 간의 사잇값을 3세트 모두 24로 해 주세요.

• 가입일, 이메일, 라이프스타일 간 가로 사잇값을 → 16으로 줄여주세요.

• 이름이 적힌 박스와 하단 내용들 간의 사잇값을 → 44로 줄여주세요.

• 이름이 적힌 박스와 MY Page 텍스트 사이의 간격을 → 60으로 줄여주세요.

• 박스에 적용된 drop shadow를 없애고, weight: 1짜리 color: blue300 선을 둘러주세요.

• 이렇게 조정했을 때 MY Page 텍스트와 내 조합 텍스트가 나란하게 위치해 있는지 점검해 주세요.

• 최근생성순 정렬의 위치를 내려서 “추천하는 조합입니다. ~” 텍스트 라인과 위치를 똑같이 맞춰주세요.

• 조합 카드끼리의 간격을 68 → 40으로 줄여주세요.

• 쓰레기통 아이콘 사이즈를 28*28로 줄여주세요. (삭제 팝업의 쓰레기통 아이콘은 크기 유지해주세요!)

• 전체 선택하기 왼쪽에 있는 체크박스 아이콘의 두께를 2 → 1로 줄여주세요.

• ‘총 가격’ 텍스트와 가격 사이의 간격을 →24로 줄여주세요.

• 가격과 (원) 아이콘 사이 간격도 8 → 4로 줄여주세요

• 연동성, 편의성, 라이프스타일: 최상 → 전부 Body1 에서 새로 추가된 Heading4로 변경해 주세요.

• 동시에 ‘연동성:’ ‘최상’ 텍스트끼리의 사잇값을 16으로 줄여주세요. (나머지 2세트도 마찬가지)

• 각 조합도 설명이 3줄로 구성되어 있는데, 이 3줄 간 간격을 모두 → 24로 줄여주세요.

• 조합도 설명 밑에 각각 달린 태그끼리의 간격을 16 → 8 로 줄여주세요.

• 기기 선택 체크박스 클릭하면 아웃라인에 blue600에 두께 1짜리 stroke도 같이 생기게 처리해주세요.

• 조합도 상세평가 보기 태그(ex: AirDrop)의 경우에는 body2 → Body2로 변경해주세요.