fix: move speed controls to bottom of screen, use regularMaterial
Some checks failed
Security Checks / dependency-audit (push) Successful in 14s
Security Checks / secret-scanning (push) Successful in 4s
Security Checks / dockerfile-lint (push) Has been cancelled

Speed pill was floating mid-screen (padding.bottom 90). Moved to
bottom (padding.bottom 8) to sit just above the tab bar area.
Switched from ultraThinMaterial to regularMaterial for better
Liquid Glass look with more opacity and stronger blur.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-04-04 08:43:33 -05:00
parent 17d10ec4c1
commit 63b6027902

View File

@@ -113,11 +113,11 @@ struct MainTabView: View {
.frame(width: 32, height: 32)
}
}
.padding(.horizontal, 14)
.padding(.vertical, 8)
.background(.ultraThinMaterial, in: Capsule())
.shadow(color: .black.opacity(0.1), radius: 8, y: 2)
.padding(.bottom, 90)
.padding(.horizontal, 16)
.padding(.vertical, 10)
.background(.regularMaterial, in: Capsule())
.shadow(color: .black.opacity(0.15), radius: 12, y: 4)
.padding(.bottom, 8)
.transition(.move(edge: .bottom).combined(with: .opacity))
}
.animation(.spring(duration: 0.3), value: isAutoScrolling)