Skip to content

style: 기사님 상세 액션 버튼 높이와 스켈레톤 상태 변경 - #128

Merged
yooseohyeon merged 2 commits into
devfrom
fix/mover-detail-action-buttons
Aug 18, 2026
Merged

yooseohyeon merged 2 commits into
devfrom
fix/mover-detail-action-buttons

Conversation

@yooseohyeon

@yooseohyeon yooseohyeon commented Aug 18, 2026 •

Copy link
Copy Markdown
Member

📋 작업 내용

기사님 상세 페이지의 액션 버튼 높이를 통일하고, 로딩 중에도 실제 버튼 구성과 동일한 스켈레톤 UI를 표시합니다.


🔥 변경 사항

  • LikeOutlineButton의 데스크톱(lg) 높이를 64px로 조정해 견적 요청·일정 확인 버튼과 정렬했습니다.
  • 기사님 일정 확인 버튼을 링크로 변경하고 CTA 스타일을 적용했습니다.
  • 모바일·태블릿 sticky 및 데스크톱 사이드바 스켈레톤에 버튼 3개를 표시하도록 수정했습니다.
  • 기사님 찾기 페이지의 input placeholder를 변경했습니다 ("찾고 싶은 닉네임을 입력해보세요")

✅ 체크리스트

  • 로컬에서 정상 동작을 확인했습니다.
  • 기존 기능에 영향을 주지 않는지 확인했습니다.
  • 불필요한 console.log를 제거했습니다.
  • lint를 통과했습니다.
  • README 또는 문서를 수정했습니다. (필요 시)
  • API 명세와 일치하는지 확인했습니다.

📷 스크린샷 (선택)

변경 전

moving-frontend-p2ol vercel app_movers_7e2f8c5c-35f7-4b19-9fa5-974659e1a81a

변경 후

localhost_3000_movers_7e2f8c5c-35f7-4b19-9fa5-974659e1a81a

Summary by CodeRabbit

  • 스타일 개선
    • 좋아요 버튼의 큰 사이즈 높이가 64px로 조정되었습니다.
    • 데스크톱 일정 확인 링크의 크기와 표시 스타일이 개선되었습니다.
  • 로딩 상태 개선
    • 일정 확인 영역과 사이드바에 콘텐츠 형태에 맞는 스켈레톤이 제공됩니다.
  • 사용성 개선
    • 닉네임 검색 입력창의 안내 문구가 더 명확하게 변경되었습니다.

@vercel

vercel Bot commented Aug 18, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
moving-frontend-p2ol Ready Ready Preview Aug 18, 2026 4:12am

@yooseohyeon
yooseohyeon merged commit 4005437 into dev Aug 18, 2026
2 of 3 checks passed
@coderabbitai

coderabbitai Bot commented Aug 18, 2026 •

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 3d2468e2-679b-4c0a-a8aa-fcf45084285c

📥 Commits

Reviewing files that changed from the base of the PR and between efc6a78 and 3cf9618.

📒 Files selected for processing (3)
  • src/components/mover/detail/LikeOutlineButton.tsx
  • src/components/mover/detail/MoverDetailActions.tsx
  • src/components/mover/list/MoversFilters.tsx

📝 Walkthrough

Walkthrough

좋아요 버튼과 일정 확인 UI의 높이, 스타일, 로딩 스켈레톤을 조정했습니다. 이동자 검색 입력창의 placeholder를 닉네임 검색 안내 문구로 변경했습니다.

Changes

이동 UI 조정

Layer / File(s) Summary
상세 액션 크기 및 로딩 UI
src/components/mover/detail/LikeOutlineButton.tsx, src/components/mover/detail/MoverDetailActions.tsx
lg 좋아요 버튼 높이를 h-64로 변경했습니다. 일정 확인 링크의 레이아웃과 스타일을 조정했습니다. Sticky 및 Sidebar 로딩 스켈레톤을 변경했습니다.
닉네임 검색 안내
src/components/mover/list/MoversFilters.tsx
검색 입력창의 placeholder를 닉네임 검색 안내 문구로 변경했습니다.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

Suggested reviewers: soooob43

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/mover-detail-action-buttons

Comment @coderabbitai help to get the list of available commands.

This branch was successfully deployed

1 active deployment
Preview — 3cf96181 Deployed Aug 18, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant