refactor: FlowWidget 스텝 카드에서 스텝 이름 제거

- 스텝 이름(stepName) 표시 영역 완전 제거
- 데이터 건수만 표시하도록 간소화
- 하단 선택 바와 건수만으로 스텝 구분
- 패딩 조정 (pb-5 -> pb-3, pb-6 -> pb-4)

UI 개선:
- 스텝 영역 높이 감소로 공간 절약
- 더 많은 데이터 표시 공간 확보
- 시각적으로 더 간결한 인터페이스
This commit is contained in:
kjs 2025-11-03 14:25:53 +09:00
parent ac40f0227e
commit 4386a009a4
1 changed files with 1 additions and 10 deletions

View File

@ -781,16 +781,7 @@ export function FlowWidget({
onClick={() => handleStepClick(step.id, step.stepName)}
>
{/* 콘텐츠 */}
<div className="relative flex flex-col items-center justify-center gap-2 pb-5 sm:gap-2.5 sm:pb-6">
{/* 스텝 이름 */}
<h4
className={`text-base font-semibold leading-tight transition-colors duration-300 sm:text-lg lg:text-xl ${
selectedStepId === step.id ? "text-primary" : "text-foreground group-hover:text-primary/80"
}`}
>
{step.stepName}
</h4>
<div className="relative flex flex-col items-center justify-center gap-2 pb-3 sm:gap-2.5 sm:pb-4">
{/* 데이터 건수 */}
{showStepCount && (
<div