[🥹 Feedback] Timeline Feedback

[shimseohyun]

🛠 Issue

timeline feedback... 너무 잘 해주셨어요! 감사합니다 ^_^

📝 To-do

• [x] 전체 뷰 크기 수정 현재 padding과 margin으로 내부 뷰 크기를 조절하고 계시네요! 내부 뷰의 크기는 1200px을 넘어가지 않습니다.

w-full px-10으로 최상단 화면을 정의하는 것 보다는

<section className="flex justify-center">
    <div className="max-w-[1200px] tablet:px-10 px-4">
       <div className="w-full">
           코드~~~~

으로 정의 해보는건 어떨까요? <section className="flex justify-center"> 아래로 정의된 내부 콘텐츠들이 max-w-[1200px]을 넘어가지 않고, tablet:px-10 px-4 데스크탑과 테블릿에서는 좌우 패딩이 40px, 모바일에서는 16px로 정의되어 뷰 구현이 조금 더 수월하지 않을까 합니다.

• [x] generation Button style 수정

  <button
    className="w-10 h-8 bg-transparent border rounded-lg text-xs leading-4 px-2 py-1"
    style={{ borderWidth: '1.5px', borderColor, color: textColor }}
    onClick={() => onClick(label)}
  >

  w-10 h-8 의 경우 굳이 지정할 필요는 없을 것 같습니다. padding 설정으로 자동지정되니까요! text-xs leading-4 얘네는 font style 써주세요!

borderWidth: '1.5px' 1px...입니다..ㅎㅎ

• [x] Date Header style - 좌우 8px 넣어주세요~! px-2

• [x] (제안) Flex를 줬으면 margin으로 간격을 조절하는 것보다는 보다는 gap을 써보는건 어떤가요?

[puretension]

와.. 하나하나 알려주셔서 넘 감사드립니다🥹 올바른 방향으로 수정후에 체크하겠습니당!!