[style] 원서 접수 페이지 UI 디자인 개선#425
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Code Review
This pull request updates various UI components (Button, Input, Select, RadioButton, StepBar) to adjust styling, introduce new button variants, and refine layout behaviors. The reviewer feedback focuses on improving design system consistency and maintainability. Key recommendations include replacing arbitrary values like 'rounded-[8px]' with standard Tailwind classes (e.g., 'rounded-lg'), avoiding hardcoded hex colors in favor of standard Tailwind color classes or theme-configured variables, and removing a redundant 'gap' class on a single-child button.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
|
위 gemini 코드리뷰들 다 비슷한 경우여서 한 커밋에서 작업 진행했습니다. |
|
지금 뜨는 eslint 경고는 제 작업에서 나타난게 아닌 원래부터 있었기 때문에, 추후에 pr 따로 올려서 작업 하는 게 좋을 것 같아 해당 pr에선 해결하지 않겠습니다. 참고해주세요! |
|
수고하셨습니다! |
개요 💡
지원서 작성 폼의 UI 디자인을 개선합니다. 기존에 통일되지 않았던 컬러 시스템과 버튼 스타일을 정리하고, 디자인 시스템에 맞는 컴포넌트 스타일을 적용합니다.
작업내용 ⌨️
컬러 시스템 통일
black→#4A80F8text-muted-foreground→#94A3B8#4A80F8버튼 variant 정비
nextvariant 스타일 업데이트 (#4A80F8배경, 흰 텍스트)prevvariant 신규 추가 (파란 아웃라인 스타일)prevvariant 적용nextvariant 적용Input / Select 스타일 정리
rounded-md→rounded-[8px]border-input→#CBD5E1기타
StepCheckIconstrokewhite→currentColor(완료 상태 색상 상속)StepCircle완료/활성 상태 스타일 분리isActiveOrCompleted제거관련 이슈 🚨
#424