refactor: FlowWidget 스텝 카드에서 스텝 이름 제거
- 스텝 이름(stepName) 표시 영역 완전 제거 - 데이터 건수만 표시하도록 간소화 - 하단 선택 바와 건수만으로 스텝 구분 - 패딩 조정 (pb-5 -> pb-3, pb-6 -> pb-4) UI 개선: - 스텝 영역 높이 감소로 공간 절약 - 더 많은 데이터 표시 공간 확보 - 시각적으로 더 간결한 인터페이스
This commit is contained in:
parent
ac40f0227e
commit
4386a009a4
|
|
@ -781,16 +781,7 @@ export function FlowWidget({
|
||||||
onClick={() => handleStepClick(step.id, step.stepName)}
|
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">
|
<div className="relative flex flex-col items-center justify-center gap-2 pb-3 sm:gap-2.5 sm:pb-4">
|
||||||
{/* 스텝 이름 */}
|
|
||||||
<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>
|
|
||||||
|
|
||||||
{/* 데이터 건수 */}
|
{/* 데이터 건수 */}
|
||||||
{showStepCount && (
|
{showStepCount && (
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue