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:
parent
939406ac74
commit
daf4fc3157
@ -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)
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user