-
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
[Feat] 선착순 이벤트 페이지 UI 구현 #81
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.
까다로운 UI라 복잡했을텐데 넘 고생많았어요🥹 공통된 부분 컴포넌트화도 잘 되어있고 짱입니당👍
<div className="relative z-10"> | ||
<div className="absolute top-0 left-[-38px] w-[880px] h-[390px] rounded-[29px] overflow-hidden bg-n-white/[.16] -rotate-[4deg] z-20"> | ||
<div className="w-1/2 h-full float-left bg-gradient-green blur-[40px]" /> | ||
<div className="w-1/2 h-full float-right bg-gradient-red blur-[40px]" /> | ||
</div> | ||
<div className="absolute top-0 left-[35px] w-[800px] h-[390px] rounded-[29px] overflow-hidden bg-n-white/[.16] z-5"> |
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.
뭔가 요 부분 태그랑 스타일만 막 나열되어있으니까 정확히 어떤 일을 하는지 파악이 안되는 것 같아용. 아예 background 역할을 하는 태그들을 따로 빼서 <...Background/>
같이 컴포넌트로 만들어서 넣어도 좋지 않을까 싶어요!
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.
네 좋습니다!! 제가 봐도 저게 뭔지 잘 모를 것 같긴 하네용ㅎㅎ 컴포넌트로 빼볼게요!
import { ReactNode } from "react"; | ||
|
||
interface CasperDescriptionProps { | ||
subTitle: string | ReactNode; |
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.
ReactNode 타입에는 string도 포함되어있어서 이 부분은 string 빼고 ReactNode로만 해도 괜찮지 않을까요?!
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.
헉 그렇군요! 몰랐는데 감사합니다 :) 바로 반영할게염
빌드를 성공했습니다! 🎉 |
빌드를 성공했습니다! 🎉 |
🖥️ Preview
2024-08-01.4.49.11.mov
✏️ 한 일
close 선착순 페이지 UI 구현 #50
❗️ 발생한 이슈 (해결 방안)
❓ 논의가 필요한 사항