-
Notifications
You must be signed in to change notification settings - Fork 1
✨ feat: filter컴포넌트 구현 #93
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Moon-ju-young
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Moon-ju-young
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src/components/common/Filter.tsx
Outdated
| <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"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💬 border 때문에 1px 줄여줘야 맞지 않을까 싶네요~
| <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"> |
src/components/common/Filter.tsx
Outdated
| <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}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| <Button solid={false} className="w-82" onClick={handleReset}> | |
| <Button solid={false} className="w-82 flex-1" onClick={handleReset}> |
💬 이런 식으로 추가해야 아래 버튼의 여백이 없을 것 같습니다~

📌 변경 사항 개요
📝 상세 내용
🔗 관련 이슈
🖼️ 스크린샷(선택사항)
💡 참고 사항