From e52c15085d3ba0362169bbda4b4385a5fd8aa6ea Mon Sep 17 00:00:00 2001
From: noppe <noppelabs@gmail.com>
Date: Mon, 23 Jun 2025 10:35:17 +0900
Subject: [PATCH] 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.
---
 ios/VibeTunnel/Views/Connection/ConnectionView.swift | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ios/VibeTunnel/Views/Connection/ConnectionView.swift b/ios/VibeTunnel/Views/Connection/ConnectionView.swift
index e1412abc..7e0b1b7e 100644
--- a/ios/VibeTunnel/Views/Connection/ConnectionView.swift
+++ b/ios/VibeTunnel/Views/Connection/ConnectionView.swift
@@ -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)