Fix HealthKit sync progress layout overlapping

Changed ZStack to VStack so progress indicator appears below the
toggle row instead of overlapping it.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-12-20 00:59:23 -06:00
parent 373d481613
commit 4fbefd86fb
2 changed files with 11 additions and 11 deletions

View File

@@ -13,7 +13,9 @@
"Bash(npx claude-plugins:*)",
"Bash(cloc:*)",
"Bash(swift -parse:*)",
"Bash(swiftc:*)"
"Bash(swiftc:*)",
"Bash(git add:*)",
"Bash(git commit:*)"
]
}
}

View File

@@ -208,8 +208,7 @@ struct SettingsContentView: View {
// MARK: - Health Kit Toggle
private var healthKitToggle: some View {
ZStack {
theme.currentTheme.secondaryBGColor
VStack(spacing: 0) {
HStack(spacing: 12) {
Image(systemName: "heart.fill")
.font(.title2)
@@ -264,7 +263,7 @@ struct SettingsContentView: View {
// Show sync progress
if HealthKitManager.shared.isSyncing {
VStack(spacing: 8) {
VStack(spacing: 4) {
ProgressView(value: HealthKitManager.shared.syncProgress)
.tint(.red)
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
@@ -272,10 +271,10 @@ struct SettingsContentView: View {
.foregroundStyle(.secondary)
}
.padding(.horizontal)
.padding(.bottom, 8)
.padding(.bottom, 12)
}
}
.fixedSize(horizontal: false, vertical: true)
.background(theme.currentTheme.secondaryBGColor)
.cornerRadius(Constants.viewsCornerRaidus, corners: [.topLeft, .topRight, .bottomLeft, .bottomRight])
.healthKitSyncTip()
}
@@ -693,8 +692,7 @@ struct SettingsView: View {
// MARK: - Health Kit Toggle
private var healthKitToggle: some View {
ZStack {
theme.currentTheme.secondaryBGColor
VStack(spacing: 0) {
HStack(spacing: 12) {
Image(systemName: "heart.fill")
.font(.title2)
@@ -749,7 +747,7 @@ struct SettingsView: View {
// Show sync progress
if HealthKitManager.shared.isSyncing {
VStack(spacing: 8) {
VStack(spacing: 4) {
ProgressView(value: HealthKitManager.shared.syncProgress)
.tint(.red)
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
@@ -757,10 +755,10 @@ struct SettingsView: View {
.foregroundStyle(.secondary)
}
.padding(.horizontal)
.padding(.bottom, 8)
.padding(.bottom, 12)
}
}
.fixedSize(horizontal: false, vertical: true)
.background(theme.currentTheme.secondaryBGColor)
.cornerRadius(Constants.viewsCornerRaidus, corners: [.topLeft, .topRight, .bottomLeft, .bottomRight])
}