fix(radial): add glass pill background behind bubble tab labels

글래스 버블 메뉴의 탭 이름이 맨 글자(그림자만)라 라이트 모드 밝은 배경
위에서 잘 안 보였음 → 구슬과 같은 ultraThinMaterial 캡슐 배경 + 화이트
보더 + 소프트 섀도를 붙여 라이트/다크 어디서나 읽히게 함.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013yKDMhuF39GVYy3FMcGHh7
This commit is contained in:
songyc macbook 2026-07-13 14:58:45 +09:00
parent 939406ac74
commit daf4fc3157

View File

@ -161,13 +161,18 @@ struct GlassBubbleMenu: View {
.frame(width: bubbleSize, height: bubbleSize)
.shadow(color: .black.opacity(0.15), radius: 8, x: 0, y: 4)
// ( )
//
// ( )
Text(tab.label)
.font(.system(size: 11, weight: .semibold))
.lineLimit(1)
.fixedSize()
.foregroundStyle(isCurrent ? AppTheme.green : .primary)
.shadow(color: .black.opacity(0.15), radius: 2, y: 1)
.padding(.horizontal, 9)
.padding(.vertical, 3.5)
.background(.ultraThinMaterial, in: Capsule())
.overlay(Capsule().strokeBorder(.white.opacity(0.35), lineWidth: 0.8))
.shadow(color: .black.opacity(0.12), radius: 4, y: 2)
.offset(y: labelOffset)
}
}