Skip to content

[style] 원서 접수 페이지 UI 디자인 개선#425

Merged
s2yeons merged 2 commits into
developfrom
style/application-form-redesign
Jul 7, 2026
Merged

[style] 원서 접수 페이지 UI 디자인 개선#425
s2yeons merged 2 commits into
developfrom
style/application-form-redesign

Conversation

@s2yeons

@s2yeons s2yeons commented Jul 6, 2026

Copy link
Copy Markdown
Member

개요 💡

지원서 작성 폼의 UI 디자인을 개선합니다. 기존에 통일되지 않았던 컬러 시스템과 버튼 스타일을 정리하고, 디자인 시스템에 맞는 컴포넌트 스타일을 적용합니다.

작업내용 ⌨️

컬러 시스템 통일

  • 라디오 버튼 선택 dot 색상 black#4A80F8
  • Select placeholder 텍스트 색상 text-muted-foreground#94A3B8
  • Select 선택 체크 아이콘 색상 → #4A80F8

버튼 variant 정비

  • next variant 스타일 업데이트 (#4A80F8 배경, 흰 텍스트)
  • prev variant 신규 추가 (파란 아웃라인 스타일)
  • 이전 버튼, 임시저장 버튼에 prev variant 적용
  • 주소 찾기, 학교 찾기, 확인 버튼에 next variant 적용

Input / Select 스타일 정리

  • border radius rounded-mdrounded-[8px]
  • border 색상 border-input#CBD5E1
  • disabled placeholder 색상 추가

기타

  • StepCheckIcon stroke whitecurrentColor (완료 상태 색상 상속)
  • StepCircle 완료/활성 상태 스타일 분리
  • 미사용 변수 isActiveOrCompleted 제거

관련 이슈 🚨

#424

@vercel

vercel Bot commented Jul 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
hellogsm-client-26 Ready Ready Preview, Comment Jul 6, 2026 4:55am
hellogsm-client-26-admin Ready Ready Preview, Comment Jul 6, 2026 4:55am

Request Review

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Comment thread packages/ui/src/components/register/Step1Register/index.tsx
Comment thread packages/ui/src/shadcn/button.tsx Outdated
Comment thread packages/ui/src/shadcn/input.tsx Outdated
Comment thread packages/ui/src/shadcn/select.tsx Outdated
Comment thread packages/ui/src/components/RadioButton/index.tsx
Comment thread packages/ui/src/shadcn/input.tsx Outdated
Comment thread packages/ui/src/shadcn/input.tsx Outdated
Comment thread packages/ui/src/shadcn/select.tsx Outdated
Comment thread packages/ui/src/shadcn/select.tsx Outdated
Comment thread packages/ui/src/shadcn/select.tsx
@s2yeons

s2yeons commented Jul 6, 2026

Copy link
Copy Markdown
Member Author

위 gemini 코드리뷰들 다 비슷한 경우여서 한 커밋에서 작업 진행했습니다.
59dbee1

@s2yeons

s2yeons commented Jul 6, 2026

Copy link
Copy Markdown
Member Author

지금 뜨는 eslint 경고는 제 작업에서 나타난게 아닌 원래부터 있었기 때문에, 추후에 pr 따로 올려서 작업 하는 게 좋을 것 같아 해당 pr에선 해결하지 않겠습니다. 참고해주세요!

@junjuny0227

Copy link
Copy Markdown
Member

수고하셨습니다!

@yeondon125 yeondon125 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다.

@s2yeons s2yeons merged commit 78cbcc2 into develop Jul 7, 2026
4 checks passed
@s2yeons s2yeons deleted the style/application-form-redesign branch July 7, 2026 00:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants