fix(ai-workspace): 실행 모드 토글 한글 라벨 세로 깨짐 수정
Build & Deploy to K8s / build-and-deploy (push) Successful in 4m3s

- 토글 컨테이너/버튼에 shrink-0 + whitespace-nowrap 추가
- 헤더 행을 flex-wrap 으로 보강해 좁은 폭에서 우아하게 줄바꿈
- raw <button> 이라 shadcn Button 의 nowrap 보호 막이 없어
  CJK 음절 단위로 "병/렬", "순/차", "혼/합" 으로 끊기던 문제 해결

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-30 17:38:54 +09:00
parent 9755869754
commit 8804b9fbfa
@@ -270,14 +270,14 @@ export default function WorkspacePage() {
</div>
) : (
<div className="space-y-4">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="flex flex-wrap items-center justify-between gap-y-2">
<div className="flex flex-wrap items-center gap-x-3 gap-y-1.5">
<h2 className="text-base font-bold">{detailGroup.name}</h2>
<div className="flex rounded-md border p-0.5">
<div className="flex shrink-0 rounded-md border p-0.5">
{EXEC_MODES.map((mode) => (
<button
key={mode.value}
className={`flex items-center gap-1 rounded px-2 py-0.5 text-[10px] font-medium transition-colors ${
className={`flex shrink-0 items-center gap-1 whitespace-nowrap rounded px-2 py-0.5 text-[10px] font-medium transition-colors ${
detailGroup.execution_mode === mode.value ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"
}`}
onClick={() => handleChangeExecMode(mode.value)}
@@ -288,7 +288,7 @@ export default function WorkspacePage() {
))}
</div>
</div>
<div className="flex gap-1.5">
<div className="flex shrink-0 gap-1.5">
<Button size="sm" className="h-7 gap-1 text-xs" onClick={() => openAddMembers(detailGroup.id)}>
<Plus className="h-3 w-3" />
</Button>