-
Notifications
You must be signed in to change notification settings - Fork 6
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
feat-fe: 랜딩 페이지 반응형 디자인 추가 #775
base: fe/develop
Are you sure you want to change the base?
Conversation
1729236688.020229 |
1729236688.431759 |
1729236750.701789 |
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 scrollToTop = () => { | ||
window.scrollTo({ top: 0, behavior: 'smooth' }); | ||
}; | ||
|
||
const scrollToMain = () => { |
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 getBubblePosition = (index: number) => { | ||
const positions = [ | ||
const getBubblePosition = (index: number, isMobile?: boolean) => { | ||
const desktopPositions = [ | ||
{ top: '10%', right: '10%' }, | ||
{ top: '10%', left: '10%' }, | ||
{ top: '40%', right: '5%' }, | ||
{ top: '40%', left: '5%' }, | ||
]; | ||
return positions[index] || positions[0]; | ||
|
||
const mobilePositions = [ | ||
{ right: '5%', top: '10%' }, | ||
{ left: '5%', top: '10%' }, | ||
{ right: '0', top: '40%' }, | ||
{ left: '0', top: '40%' }, | ||
]; | ||
|
||
const position = isMobile | ||
? mobilePositions[index] || mobilePositions[0] | ||
: desktopPositions[index] || desktopPositions[0]; | ||
|
||
return css` | ||
${position.top ? `top: ${position.top};` : ''} | ||
${position.right ? `right: ${position.right};` : ''} | ||
${position.left ? `left: ${position.left};` : ''} | ||
`; | ||
}; |
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.
함수명이 영 별로네요
지킬과 하이드 같네요
${index === 0 ? 'right: 5%;' : ''} | ||
${index === 1 ? 'left: 5%;' : ''} | ||
${index === 2 ? 'right: 0;' : ''} | ||
${index === 3 ? 'left: 0;' : ''} |
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.
알아서 수정해보겠습니다🤣
목적
작업 내용
(gif로 내보내니까 배경의 그라디언트가 깨지네요.🥲 실제로는 정상적으로 보입니다.)
LAND_02
closes #774