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:
@@ -13,7 +13,9 @@
|
|||||||
"Bash(npx claude-plugins:*)",
|
"Bash(npx claude-plugins:*)",
|
||||||
"Bash(cloc:*)",
|
"Bash(cloc:*)",
|
||||||
"Bash(swift -parse:*)",
|
"Bash(swift -parse:*)",
|
||||||
"Bash(swiftc:*)"
|
"Bash(swiftc:*)",
|
||||||
|
"Bash(git add:*)",
|
||||||
|
"Bash(git commit:*)"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -208,8 +208,7 @@ struct SettingsContentView: View {
|
|||||||
// MARK: - Health Kit Toggle
|
// MARK: - Health Kit Toggle
|
||||||
|
|
||||||
private var healthKitToggle: some View {
|
private var healthKitToggle: some View {
|
||||||
ZStack {
|
VStack(spacing: 0) {
|
||||||
theme.currentTheme.secondaryBGColor
|
|
||||||
HStack(spacing: 12) {
|
HStack(spacing: 12) {
|
||||||
Image(systemName: "heart.fill")
|
Image(systemName: "heart.fill")
|
||||||
.font(.title2)
|
.font(.title2)
|
||||||
@@ -264,7 +263,7 @@ struct SettingsContentView: View {
|
|||||||
|
|
||||||
// Show sync progress
|
// Show sync progress
|
||||||
if HealthKitManager.shared.isSyncing {
|
if HealthKitManager.shared.isSyncing {
|
||||||
VStack(spacing: 8) {
|
VStack(spacing: 4) {
|
||||||
ProgressView(value: HealthKitManager.shared.syncProgress)
|
ProgressView(value: HealthKitManager.shared.syncProgress)
|
||||||
.tint(.red)
|
.tint(.red)
|
||||||
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
|
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
|
||||||
@@ -272,10 +271,10 @@ struct SettingsContentView: View {
|
|||||||
.foregroundStyle(.secondary)
|
.foregroundStyle(.secondary)
|
||||||
}
|
}
|
||||||
.padding(.horizontal)
|
.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])
|
.cornerRadius(Constants.viewsCornerRaidus, corners: [.topLeft, .topRight, .bottomLeft, .bottomRight])
|
||||||
.healthKitSyncTip()
|
.healthKitSyncTip()
|
||||||
}
|
}
|
||||||
@@ -693,8 +692,7 @@ struct SettingsView: View {
|
|||||||
// MARK: - Health Kit Toggle
|
// MARK: - Health Kit Toggle
|
||||||
|
|
||||||
private var healthKitToggle: some View {
|
private var healthKitToggle: some View {
|
||||||
ZStack {
|
VStack(spacing: 0) {
|
||||||
theme.currentTheme.secondaryBGColor
|
|
||||||
HStack(spacing: 12) {
|
HStack(spacing: 12) {
|
||||||
Image(systemName: "heart.fill")
|
Image(systemName: "heart.fill")
|
||||||
.font(.title2)
|
.font(.title2)
|
||||||
@@ -749,7 +747,7 @@ struct SettingsView: View {
|
|||||||
|
|
||||||
// Show sync progress
|
// Show sync progress
|
||||||
if HealthKitManager.shared.isSyncing {
|
if HealthKitManager.shared.isSyncing {
|
||||||
VStack(spacing: 8) {
|
VStack(spacing: 4) {
|
||||||
ProgressView(value: HealthKitManager.shared.syncProgress)
|
ProgressView(value: HealthKitManager.shared.syncProgress)
|
||||||
.tint(.red)
|
.tint(.red)
|
||||||
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
|
Text("Syncing moods to Health... \(HealthKitManager.shared.syncedCount)/\(HealthKitManager.shared.totalToSync)")
|
||||||
@@ -757,10 +755,10 @@ struct SettingsView: View {
|
|||||||
.foregroundStyle(.secondary)
|
.foregroundStyle(.secondary)
|
||||||
}
|
}
|
||||||
.padding(.horizontal)
|
.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])
|
.cornerRadius(Constants.viewsCornerRaidus, corners: [.topLeft, .topRight, .bottomLeft, .bottomRight])
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user