design: 결과 페이지 퍼블리싱 #53
Conversation
There was a problem hiding this comment.
여기 /giftbag/detail/[id]/answer 제가 설정해둔 url,, 약간 애매한 것 같아서 /detail/[id] 형식말고 /list/[id] 이런 식으로 수정하는게 더 직관적일 것 같은데 어떻게 생각하세요??
현재는 /giftbag/list에서 giftbag/detail/[id] 로 이동되는데, /giftbag/list/[id]로 이동되게끔요!
There was a problem hiding this comment.
저두 detail보다는 list가 직관적이고 좋을 것 같아요!
There was a problem hiding this comment.
여기 /giftbag/detail/[id]/answer 제가 설정해둔 url,, 약간 애매한 것 같아서 /detail/[id] 형식말고 /list/[id] 이런 식으로 수정하는게 더 직관적일 것 같은데 어떻게 생각하세요??
현재는 /giftbag/list에서 giftbag/detail/[id] 로 이동되는데, /giftbag/list/[id]로 이동되게끔요!
추후에 한꺼번에 수정해놓을게요 ! !
아 header에 지금 아무 색상도 안들어가있죠?! |
고러게요..! 문의드려볼게용 |
오옹 감사합니다! 고생 많으셨어요~~! 👍 |
고냥 투명하게 되어있어서 내부 컨텐츠가 다 비치는... 그렇게 보이더라구용 |
…frontend into style/result-publishing
There was a problem hiding this comment.
여기 /giftbag/detail/[id]/answer 제가 설정해둔 url,, 약간 애매한 것 같아서 /detail/[id] 형식말고 /list/[id] 이런 식으로 수정하는게 더 직관적일 것 같은데 어떻게 생각하세요??
현재는 /giftbag/list에서 giftbag/detail/[id] 로 이동되는데, /giftbag/list/[id]로 이동되게끔요!
추후에 한꺼번에 수정해놓을게요 ! !
| <div className="px-4 py-6"> | ||
| {Object.entries(groupedGifts).map(([message, gifts], idx) => ( | ||
| <div key={message} className="flex flex-col gap-[26px]"> | ||
| <div> | ||
| {idx !== 0 && ( | ||
| <hr className="my-4 border-gray-100 border-[1px] mb-[26px]" /> | ||
| )} | ||
| <AnswerChip text={message} /> | ||
| </div> | ||
| <div className="flex flex-col gap-[14px]"> | ||
| {gifts.map((gift, index) => ( | ||
| <div | ||
| className="flex items-center h-[70px] justify-between relative hover:opacity-70 cursor-pointer" | ||
| key={index} | ||
| > | ||
| <div className="flex gap-4 w-full"> | ||
| <Card | ||
| img={gift.images[0]} | ||
| size="small" | ||
| type="image" | ||
| noHoverStyle={true} | ||
| noActiveStyle={true} | ||
| /> | ||
| <div className="flex justify-center flex-col items-start"> | ||
| <div className="text-[15px] font-medium max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap"> | ||
| {gift.name} | ||
| </div> | ||
| {gift.link ? ( | ||
| <Link | ||
| href={gift.link} | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Button | ||
| variant="link" | ||
| className="text-xs text-gray-400" | ||
| > | ||
| 링크 바로가기 | ||
| </Button> | ||
| </Link> | ||
| ) : ( | ||
| <div> | ||
| <Button | ||
| variant="link" | ||
| disabled | ||
| className="text-xs text-gray-200" | ||
| > | ||
| 링크 바로가기 | ||
| </Button> | ||
| </div> | ||
| )} | ||
| </div> | ||
| </div> | ||
| <Button | ||
| variant="ghost" | ||
| className="absolute left-44 top-1/2 transform -translate-y-1/2" | ||
| > | ||
| <Image src={ArrowIcon} alt="arrowIcon" /> | ||
| </Button> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| ); |
There was a problem hiding this comment.
요것도 그 header 투명하게 비친다고 하신거
header에 bg-white로 해주면 될 것 같은데, 전체가 스크롤 되는 현상이 있어서
내부 부분에 height 설정하고 scroll 적용하고 새로 pr올리겠습니다.!!
⚾️ Related Issues
📝 Task Details
하림님이 맡으신 보따리 상세 페이지 퍼블리싱 hifi에 맞게 약간 수정했습니다!
보따리 결과 페이지 퍼블리싱을 했습니다.
Card.tsx 컴포넌트에 active와 hover 관련한 선택적 props (noHover, noActive)를 추가했습니다. (해당 페이지에서는 이미지에 hover해도 아무 일이 안일어나도록 하기 위해서!)
📂 References
💕 Review Requirements