[Feat] create TodoModal (생성/수정)#33
Conversation
|
🎉 구현한 기능 Preview: https://front-kgi2rytip-beoms-projects-53e61468.vercel.app |
| <span className="text-lg-bold text-slate-800"> | ||
| {todoType === '생성' ? '할 일 생성' : '할 일 수정'} | ||
| </span> | ||
| <IoMdClose size={24} className="cursor-pointer" onClick={handleClose} /> |
There was a problem hiding this comment.
size를 className 안에 넣을 수는 없나요?
There was a problem hiding this comment.
감사합니다!! 지금 해보니까 넣을 수 있는것 같더라구요!!
가독성을 위해 바꾸겠습니다
| <div className="inline-flex flex-col items-center justify-center gap-8"> | ||
| <FaLink size={24} className="text-slate-400" /> | ||
| <span className="text-sm-normal text-slate-400 sm:text-base-normal"> | ||
| 링크를 첨부해주세요 |
There was a problem hiding this comment.
이런 고정된 텍스트의 경우에는 constants 폴더 안에 따로 빼서 적용해도 괜찮지 않을까요?
| <button className="inline-flex flex-col items-center justify-center gap-8"> | ||
| <FaPlus size={24} className="text-slate-400" /> | ||
| <span className="text-sm-normal text-slate-400 sm:text-base-normal"> | ||
| 파일을 업로드해주세요 |
| }; | ||
| return ( | ||
| <div | ||
| className="fixed inset-0 z-50 flex items-center justify-center bg-black/80" |
There was a problem hiding this comment.
flex items-center justify-center를 자주 사용하실 거 같으면 globals에 따로 지정해서 간단하게 사용해도 괜찮을거같아요
There was a problem hiding this comment.
넵 참고하겠습니다@@ 혹시 참고될만한 내용있으신가요?
There was a problem hiding this comment.
@layer components{
.ex{
@apply flex ...
}
}
}
| <input | ||
| type="url" | ||
| placeholder="링크를 입력하세요" | ||
| className="mt-4 w-full max-w-[500px] rounded-8 border px-4 py-2 text-sm text-slate-600 focus:outline-none" // 길이 늘림 |
There was a problem hiding this comment.
max-w-[500px]에서 max-w-500은 적용이 안되나요??
|
🎉 구현한 기능 Preview: https://front-404gtic65-beoms-projects-53e61468.vercel.app |
|
🎉 구현한 기능 Preview: https://front-567adgamy-beoms-projects-53e61468.vercel.app |
|
🎉 구현한 기능 Preview: https://front-ingl74m91-beoms-projects-53e61468.vercel.app |
gibeom0218
force-pushed
the
27-feature-create-modal-component
branch
from
3d100ea to
45a792e
Compare
|
🎉 구현한 기능 Preview: https://front-91z6e88r4-beoms-projects-53e61468.vercel.app |
|
🎉 구현한 기능 Preview: https://front-82v6vqs1q-beoms-projects-53e61468.vercel.app |
gibeom0218
force-pushed
the
27-feature-create-modal-component
branch
from
45a792e to
832c18d
Compare
|
🎉 구현한 기능 Preview: https://front-cipmyr850-beoms-projects-53e61468.vercel.app |
3 participants
📄 TodoModal (생성/수정)
📝 변경 사항 요약
📌 관련 이슈
🔍 변경 사항 상세 설명
생성 / 수정에 대한 임의의 props를 받아 모달의 종류를 구분에 관한 부분은
언제든지 바뀔 수 있습니다. (url에서? zustand에서? props?)
모달 닫힘 기능은 배경과 x아이콘 클릭시 모두 발생하도록 하였음
✅ 확인 사항
📸 스크린샷 (선택 사항)
기타 참고 사항
일단 스토리북은 작성 못하였습니다 ㅠㅠ... 추후에 추가하도록 하겠습니다.