Skip to content

Conversation

@ghost
Copy link

@ghost ghost commented Jun 17, 2025

📌 변경 사항 개요

  • filter 컴포넌트 구현

📝 상세 내용

  • 주소 클릭하면 해당 주소의 태그가 잘 나옴
  • 태그를 다시 클릭하면 태그가 사라짐 혹은 위치 안에서 주소를 다시 클릭해도 태그가 사라짐
  • 시작일 인풋 박스 클릭하면 달력이 잘 뜨며 해당 날짜 선택시 잘 보임
  • 금액에 숫자 입력하면 숫자가 잘 적용이 된다
  • 필터에 내용을 입력하고 초기화 버튼을 클릭하면 초기화가 됩니다
  • 필터에 내용을 입력하고 적용하기를 클릭하면 해당 내용이 적용이 됩니다
  • 모바일 반응형 구현했습니다

🔗 관련 이슈

🖼️ 스크린샷(선택사항)

screencapture-localhost-5173-2025-06-17-14_46_36

💡 참고 사항

@ghost ghost linked an issue Jun 17, 2025 that may be closed by this pull request
Copy link
Contributor

@Moon-ju-young Moon-ju-young left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

#57 에 남긴 comment들 참고하여 수정 부탁드립니다~

Copy link
Contributor

@Moon-ju-young Moon-ju-young left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image
아직 모바일 구현이 덜 된 것 같네요!

<div className="z-5 flex w-full max-w-390 flex-col gap-24 rounded-[10px] border border-gray-20 bg-white px-20 py-24 shadow-custom">
<div className="flex flex-row items-center justify-between text-[2rem] leading-[2.4rem]">
<h3 className="text-h3 font-bold">상세 필터</h3>
<div className="z-5 flex w-full max-w-390 flex-col gap-24 rounded-xl border border-gray-20 bg-white px-12 py-24 shadow-custom md:px-20">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💬 border 때문에 1px 줄여줘야 맞지 않을까 싶네요~

Suggested change
<div className="z-5 flex w-full max-w-390 flex-col gap-24 rounded-xl border border-gray-20 bg-white px-12 py-24 shadow-custom md:px-20">
<div className="z-5 flex w-full max-w-390 flex-col gap-24 rounded-xl border border-gray-20 bg-white px-12 py-24 shadow-custom md:px-19">

<div className="flex gap-4">
<Button solid={false} className="w-80" onClick={handleReset}>
<div className="fixed right-0 bottom-0 left-0 flex w-full gap-8 border-t border-gray-20 bg-white px-12 py-16 md:static md:border-none md:p-0">
<Button solid={false} className="w-82" onClick={handleReset}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Button solid={false} className="w-82" onClick={handleReset}>
<Button solid={false} className="w-82 flex-1" onClick={handleReset}>

💬 이런 식으로 추가해야 아래 버튼의 여백이 없을 것 같습니다~

@minimo-9 minimo-9 merged commit ec04604 into develop Jun 21, 2025
2 checks passed
@minimo-9 minimo-9 deleted the feat/filter branch June 21, 2025 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[feat] filter 구현

2 participants