Align iOS portrait layout editor with gameplay

Author: J1coding

app/src/main/swift/Views/Settings/PadLayoutEditView.swift

@@ -25,7 +25,7 @@ struct PadLayoutEditView: View {
             let isActuallyLandscape = geo.size.width > geo.size.height
             ZStack {
                 if isActuallyLandscape {
-                    landscapeEditorCanvas(width: geo.size.width, height: geo.size.height)
+                    landscapeEditorCanvas()
                 } else {
                     portraitEditorCanvas(width: geo.size.width, height: geo.size.height)
                 }
@@ -60,7 +60,6 @@ struct PadLayoutEditView: View {
                 .padding(.top, 50)
             }
         }
-        .ignoresSafeArea()
         .navigationBarHidden(true)
         .statusBarHidden()
         .persistentSystemOverlays(.hidden)
@@ -78,16 +77,20 @@ struct PadLayoutEditView: View {
     }
 
     // MARK: - Landscape editor canvas (always shown when device is landscape)
-    private func landscapeEditorCanvas(width: CGFloat, height: CGFloat) -> some View {
-        ZStack {
-            Color.clear
-                .allowsHitTesting(false)
+    private func landscapeEditorCanvas() -> some View {
+        GeometryReader { geo in
+            let width = geo.size.width
+            let height = geo.size.height
+            ZStack {
+                Color.clear
+                    .allowsHitTesting(false)
 
-            customSkinPreview(isLandscape: true, width: width, height: height)
+                customSkinPreview(isLandscape: true, width: width, height: height)
 
-            editorContent(areaW: width, areaH: height)
+                editorContent(areaW: width, areaH: height)
+            }
+            .contentShape(Rectangle())
         }
-        .contentShape(Rectangle())
         .ignoresSafeArea()
     }