검색 기능 UI 개선 - Githubissues

AllRightJunyoung / blog-project

Next.js를 사용하여 개인블로그 만들기

https://www.physicaljun.blog/

2 stars 0 forks source link

검색 기능 UI 개선 #25

Closed AllRightJunyoung closed 10 months ago

AllRightJunyoung commented 10 months ago

https://github.com/AllRightJunyoung/blog-project/assets/100929485/3a55c2ae-65a1-4ec6-a3b3-a95f5c2f213c

게시글에대해 검색을 할시 검색 키워드에 대한 게시글 부분이 일시적으로 나타나지않으면 하단바에 있는 프로필 UI가 위로 올라와서 보인다.

이를 개선해보자

AllRightJunyoung commented 10 months ago

개선후

https://github.com/AllRightJunyoung/blog-project/assets/100929485/4d65ba94-322e-424d-8338-8915692fd182

프로필 UI margin ,padding 변경
일치하는 검색키워드가 존재하지 않을떄 빈 PostCard 컴포넌트에 opactiy 0 속성을 줌