diff --git a/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx b/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx index 70cebbd6..58d60aaf 100644 --- a/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx +++ b/src/app/(protected)/action/complete/_component/CharacterMotivation.tsx @@ -11,7 +11,7 @@ export default function CharacterMotivation({ currentTask, nickname }: Props) { 잘했어요! 이제
- {currentTask.persona?.name} {nickname} + {currentTask.persona?.name} {nickname}님 으로
diff --git a/src/app/(protected)/retrospection/[taskId]/_components/RetrospectFocusContent.tsx b/src/app/(protected)/retrospection/[taskId]/_components/RetrospectFocusContent.tsx index 0b96d6b6..c8b9bd1a 100644 --- a/src/app/(protected)/retrospection/[taskId]/_components/RetrospectFocusContent.tsx +++ b/src/app/(protected)/retrospection/[taskId]/_components/RetrospectFocusContent.tsx @@ -82,6 +82,12 @@ const RetrospectFocusContent = ({ window.addEventListener("touchend", handleEnd); }; + // 슬라이더 위치 계산 - 0일 때 왼쪽 끝에 정확히 위치하도록 조정 + const sliderPosition = + retrospectContent.concentration === 0 + ? "-8px" + : `calc(${(retrospectContent.concentration / 5) * 100}% - ${BAR.SLIDER_RADIUS}px)`; + return (
@@ -132,11 +138,11 @@ const RetrospectFocusContent = ({ {/* 슬라이더 핸들 */}