Feat style refactor 1, 2

[ABizCho]

1. feat-styleRefactor-1: 디자인시스템 설계 중 & 다크모드 적용 인라인 코드 개선

1. 디자인 시스템 구축 설계 및 구현

   • chroma.js를 이용한 createTheme 지정된 컬러에 대한 자동 variants 생성 유틸 구현, 적용
   • tailwind.config.js에 colors로 앱 기본 색상 지정 및 theme에서 colors확장, textColor 지정
   • globals.css에 tailwind @layer를 활용한 base, components, utilities 체계 설계 중

2. 기타 디자인 수정

   • dark / light 모드에 따른 기본 배경 색 수정
   • 브랜드 로고 추가, 헤더 & favicon 에 적용
   • 헤더 스타일 수정

3. 기타 부수작업

   • Pagination 최상위 Link에 key 설정

2. feat-styleRefactor-2: 디자인 수정 ing~ & Chat 글자 수 검증로직 등 기능보완/수정

1. 디자인 수정 작업을 지속중입니다

   • login에 소셜 로고 추가, 로그인 폼에 다크모드 적용 등 수정
   • 헤더의 로그인/유저네임 버튼 반응형에 따른 위치 수정
   • 유저네임 -> 드랍다운 메뉴 다크모드 고려 및 스타일 수정

2. 기능 추가 및 보완

   • SaveChatModal, SideBar 타이틀 수정 시 글자 수, 검증 로직 추가
   • 답변중 저장 시도 시, alert 이후 저장모달이 뜨던 버그 fix

3. 기타 부수작업

   • 헤더의 modulers버튼을 modulers 깃허브 외부링크 연결 및 a 태그로 수정

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ganoverflow	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 14, 2023 8:37am
ganoverflow-front	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 14, 2023 8:37am

[ABizCho]

임의 머지 해두겠습니다. @hongregii