Fix interfaces for tvOS

2024-02-23 23:37:42 +08:00
parent be67111425
commit 45b4e58b3f
8 changed files with 95 additions and 47 deletions
@@ -22,25 +22,37 @@
        }

        public var body: some View {
-            VStack {
+            VStack(alignment: .center) {
                if !selected {
-                    DevicePicker(
-                        .applicationService(name: "sing-box:profile"))
-                    { endpoint in
-                        selected = true
-                        Task {
-                            await handleEndpoint(endpoint)
+                    Form {
+                        Section {
+                            EmptyView()
+                        } footer: {
+                            Text("To import configurations from your iPhone or iPad, make sure sing-box is the **same version** on both devices and **VPN is disabled**.")
+                        }
+
+                        DevicePicker(
+                            .applicationService(name: "sing-box:profile"))
+                        { endpoint in
+                            selected = true
+                            Task {
+                                await handleEndpoint(endpoint)
+                            }
+                        } label: {
+                            Text("Select Device")
+                        } fallback: {
+                            EmptyView()
+                        } parameters: {
+                            .applicationService
                        }
-                    } label: {
-                        Text("Select Device")
-                    } fallback: {
-                        EmptyView()
-                    } parameters: {
-                        .applicationService
                    }
                } else if let profiles {
                    Form {
-                        Text("\(profiles.count) Profiles")
+                        Section {
+                            EmptyView()
+                        } footer: {
+                            Text("\(profiles.count) Profiles")
+                        }
                        ForEach(profiles, id: \.profileID) { profile in
                            Button(profile.name) {
                                isLoading = true