From daf4fc3157e15f5b30b22a51bb217f1f7e64209c Mon Sep 17 00:00:00 2001 From: songyc macbook Date: Mon, 13 Jul 2026 14:58:45 +0900 Subject: [PATCH] fix(radial): add glass pill background behind bubble tab labels MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 글래스 버블 메뉴의 탭 이름이 맨 글자(그림자만)라 라이트 모드 밝은 배경 위에서 잘 안 보였음 → 구슬과 같은 ultraThinMaterial 캡슐 배경 + 화이트 보더 + 소프트 섀도를 붙여 라이트/다크 어디서나 읽히게 함. Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_013yKDMhuF39GVYy3FMcGHh7 --- myApp/HaruDanim/IOS/Views/RadialNavigationView.swift | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/myApp/HaruDanim/IOS/Views/RadialNavigationView.swift b/myApp/HaruDanim/IOS/Views/RadialNavigationView.swift index c23ecdb..937c386 100644 --- a/myApp/HaruDanim/IOS/Views/RadialNavigationView.swift +++ b/myApp/HaruDanim/IOS/Views/RadialNavigationView.swift @@ -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) } }