fix(space): 목표 수정 affordance를 명시화
This commit is contained in:
@@ -40,7 +40,8 @@ export const space = {
|
|||||||
microStepLabel: '지금 할 한 조각',
|
microStepLabel: '지금 할 한 조각',
|
||||||
intentExpandAriaLabel: '목표 카드 펼치기',
|
intentExpandAriaLabel: '목표 카드 펼치기',
|
||||||
intentCollapseAriaLabel: '목표 카드 접기',
|
intentCollapseAriaLabel: '목표 카드 접기',
|
||||||
refocusButton: '다시 방향',
|
refocusButton: '목표 수정',
|
||||||
|
intentEditLabel: '수정',
|
||||||
refocusTitle: '다시 방향 잡기',
|
refocusTitle: '다시 방향 잡기',
|
||||||
refocusDescription: '딱 한 줄만 다듬고 다시 시작해요.',
|
refocusDescription: '딱 한 줄만 다듬고 다시 시작해요.',
|
||||||
refocusApply: '적용',
|
refocusApply: '적용',
|
||||||
|
|||||||
@@ -108,14 +108,34 @@ export const IntentCapsule = ({
|
|||||||
aria-label={copy.space.focusHud.refocusButton}
|
aria-label={copy.space.focusHud.refocusButton}
|
||||||
className="min-w-0 flex-1 text-left transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/14 disabled:cursor-default disabled:hover:opacity-100"
|
className="min-w-0 flex-1 text-left transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/14 disabled:cursor-default disabled:hover:opacity-100"
|
||||||
>
|
>
|
||||||
|
<span className="flex min-w-0 items-center gap-2">
|
||||||
<p
|
<p
|
||||||
className={cn(
|
className={cn(
|
||||||
'truncate font-medium tracking-tight text-white/96 transition-[font-size,line-height] duration-200 ease-out',
|
'min-w-0 truncate font-medium tracking-tight text-white/96 transition-[font-size,line-height] duration-200 ease-out',
|
||||||
isExpanded ? 'text-[18px] md:text-[20px]' : 'text-[15px] md:text-[16px]',
|
isExpanded ? 'text-[18px] md:text-[20px]' : 'text-[15px] md:text-[16px]',
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{goal}
|
{goal}
|
||||||
</p>
|
</p>
|
||||||
|
{isExpanded && canInteract ? (
|
||||||
|
<span className="inline-flex shrink-0 items-center gap-1 rounded-full border border-white/10 bg-black/10 px-2 py-1 text-[11px] font-medium tracking-[0.06em] text-white/54 transition-colors duration-200 group-hover:text-white/72">
|
||||||
|
<svg
|
||||||
|
aria-hidden
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
className="h-3 w-3"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="1.5"
|
||||||
|
>
|
||||||
|
<path d="m10.9 2.6 2.5 2.5" />
|
||||||
|
<path d="M3.4 12.6 2.6 15l2.4-.8 7.7-7.7-1.6-1.6-7.7 7.7Z" />
|
||||||
|
</svg>
|
||||||
|
<span>{copy.space.focusHud.intentEditLabel}</span>
|
||||||
|
</span>
|
||||||
|
) : null}
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
{showActions ? (
|
{showActions ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user