mirror of
https://github.com/samsonjs/vibetunnel.git
synced 2026-04-16 13:05:53 +00:00
Enable scrolling in ConnectionView for narrow windows
Wraps the connection form in a ScrollView to improve usability on small screens, landscape orientation, and when accessibility text sizes are increased. The scroll bounce behavior is intelligently set based on content size.
This commit is contained in:
parent
fce126cf5d
commit
e52c15085d
1 changed files with 7 additions and 5 deletions
|
|
@ -15,11 +15,7 @@ struct ConnectionView: View {
|
|||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ZStack {
|
||||
// Background
|
||||
Theme.Colors.terminalBackground
|
||||
.ignoresSafeArea()
|
||||
|
||||
ScrollView {
|
||||
// Content
|
||||
VStack(spacing: Theme.Spacing.extraExtraLarge) {
|
||||
// Logo and Title
|
||||
|
|
@ -83,7 +79,13 @@ struct ConnectionView: View {
|
|||
}
|
||||
.padding()
|
||||
}
|
||||
.scrollBounceBehavior(.basedOnSize)
|
||||
.toolbar(.hidden, for: .navigationBar)
|
||||
.background {
|
||||
// Background
|
||||
Theme.Colors.terminalBackground
|
||||
.ignoresSafeArea()
|
||||
}
|
||||
}
|
||||
.navigationViewStyle(StackNavigationViewStyle())
|
||||
.preferredColorScheme(.dark)
|
||||
|
|
|
|||
Loading…
Reference in a new issue