[Fix] Search bar - Githubissues

prefragrance / prefragrance-client

향으로 취향을 공유하고 나의 취향을 찾는 소셜미디어, 취향의 프론트엔드 저장소

0 stars 0 forks source link

Closed zizonyoungjun closed 2 years ago

zizonyoungjun commented 2 years ago

shared 폴더의 SearchBar에 작업하였습니다 민규가 이미 다 구현을 해놨던 터라,

정도만 해두었습니다.

제가 만든 브랜치는 searchBar인데 searchbar가 기존에 있더라구요. 그래서 searchBar 브랜치 이름을 바꾸려고 하는데 그럼 되겠죠?

zizonyoungjun commented 2 years ago

커밋 중 "SearchBar 디렉토리 생성"은 처음에 components/Search 아래 디렉토리를 만들어 작업한다고 적어둔건데, 그냥 삭제하고 기존의 shared 폴더에 작업하였읍니다.

HiimKwak commented 2 years ago

(오 git push origin '내 로컬 브랜치':'다른 원격 브랜치' 이 커맨드 개꿀이네요)

일단 검색어 모달창 UI 초안 완성해봤습니다

앞으로 추가 구현할 내용:

HiimKwak commented 2 years ago

아 그리고 추가로 위 사진 보시면 검색창 테두리가 border-radius: 50% 비슷하게 깎아져있는 모양인데, 너무 둥글둥글해서 취향 폰트랑도 잘 안맞고 아래 모달창이랑도 어울리지 않아 보입니다.

제 모달창 끝은 0.4rem 정도로 깎아줬는데 괜찮더라구요 검색창도 0.7~8rem 사이에서 깎아주면 느낌이 살아나지 않을까 싶습니다(그리고 검색 버튼이랑 드롭다운도 똑같이요!)

아 그리고 또 개인적인 생각으로는 저 드롭다운에 쓰인 GREEN-100(정확하지 않음) 색이 좀 애매하고 잘 안어울리는데 기디분들한테 GREEN-400에 어울리는 비슷한 색 계열 추가로 뽑아달라 요청해보겠습니다

그리고 색 이야기 나와서 또 생각난건데 GRAY 색 계열이 100이랑 200밖에 없는데 그 둘 사이에 레벨이 더 추가됐으면 좋겠더라구요 확인되면 제가 추가하든 하겠습니다 보시면 말씀해주세요!

jellysoo97 commented 2 years ago

jellysoo97 commented 2 years ago

styled-components의 select box default 속성엔 화살표가 없나..? 왜 안뜨는지 아시는분??

jellysoo97 commented 2 years ago

jellysoo97 commented 2 years ago

1차 머지