Skip to content

feat(frontend): polish chat input UI with rounded dock and icon button#53

Merged
youneedpython merged 1 commit into
devfrom
feat/chat-input-ui-polish
Feb 3, 2026
Merged

feat(frontend): polish chat input UI with rounded dock and icon button#53
youneedpython merged 1 commit into
devfrom
feat/chat-input-ui-polish

Conversation

@youneedpython
Copy link
Copy Markdown
Owner

📌 개요

프론트엔드 채팅 입력 영역의 UI/UX 완성도를 개선하기 위한 작업입니다.
기능 변경 없이, 입력 흐름과 시각적 안정성을 중심으로 ChatGPT 스타일의 입력 UI로 다듬었습니다.


✨ 주요 변경 사항

1. 채팅 입력 Dock UI 개선

  • 입력창을 하나의 둥근 Dock 형태로 재구성
  • 부드러운 그림자(shadow) 적용으로 시각적 분리 강화
  • 입력 영역 내부 여백 및 정렬 구조 개선

2. 전송 버튼 UX 개선

  • 텍스트 버튼 → 아이콘 기반 버튼(종이비행기)으로 변경
  • 전송 버튼을 입력창 내부에 통합하여 자연스러운 인터랙션 제공
  • hover / disabled 상태 시각적 구분 강화

3. 타이핑 경험 개선

  • 입력창 높이, 라인 정렬, 커서 위치 조정
  • ChatGPT와 유사한 입력 감각 제공

🧪 테스트 사항

  • 기본 채팅 입력 및 전송 정상 동작
  • Enter 전송 / Shift+Enter 줄바꿈 동작 확인
  • 입력 비어있을 경우 전송 버튼 비활성화 확인
  • 기존 채팅 기능에 영향 없음

📎 참고

  • 본 PR은 UI/UX 개선 목적의 변경으로 기능 로직 수정은 포함하지 않습니다.
  • Stop 버튼 및 추가 입력 제어 기능은 이후 PR에서 진행 예정입니다.

@youneedpython youneedpython self-assigned this Feb 3, 2026
@youneedpython youneedpython merged commit a9b1308 into dev Feb 3, 2026
3 checks passed
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.

1 participant