-
Notifications
You must be signed in to change notification settings - Fork 1
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
[ Feature/dev 112] 문제풀기 Floating Button 구현 #173
Conversation
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.
깔끔하게 작업해주셨네요!! 감사합니다!
const viewportHeight = window.innerHeight; | ||
const documentHeight = document.documentElement.scrollHeight; | ||
|
||
// Hide button only if the user reaches the bottom of the page |
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.
어디선가 로직을 가져온것이냐...아니면 숨니의 영어실력..? ㅋㅎㅋㅎㅋㅎ진실을 알려줘!
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.
지피티의 초안 ㅋㅎㅋㅎㅋㅎ
// }); | ||
}; | ||
|
||
useEffect(() => { |
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.
이안에서 function ~ 함수명 으로 컨벤션 맞춰주시면 좋을 것 같아요!
className={cn( | ||
"h-[55px] px-5 py-3.5 bg-[#264932] rounded-[99px] shadow flex justify-center items-center gap-2" | ||
)} | ||
onClick={onClickGoProblem} |
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 type 명시해주면 시멘틱스러울 것 같습니다!
return ( | ||
<> | ||
{showButton && ( | ||
<div className="fixed bottom-[48px] left-[60%] z-10 w-fit"> |
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.
혹시 여기 bottom은 px로 하고 left는 %로 사용하신 이유가 있을 까요?
🔥 Related Issues
https://linear.app/fewletter/issue/DEV-112/%EC%95%84%ED%8B%B0%ED%81%B4-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4-%ED%94%8C%EB%A1%9C%ED%8C%85-%EB%B2%84%ED%8A%BC
💜 작업 내용
👀 스크린샷 / GIF / 링크