Touching up slide over

Matt54 · Sep 29, 2023 · 55fd30e · 55fd30e
1 parent 22cf9ff
commit 55fd30e
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 17 deletions.
diff --git a/Sources/SwiftUIPreviewLayouts/PreviewLayouts.swift b/Sources/SwiftUIPreviewLayouts/PreviewLayouts.swift
@@ -88,7 +88,6 @@ public struct PreviewLayouts<Content>: View where Content: View {
  HStack(spacing: 0) {
  Spacer()
  content()
- .frame(width: 375)
  .slideOverModifier()
  }
  }
@@ -101,7 +100,6 @@ public struct PreviewLayouts<Content>: View where Content: View {
  HStack(spacing: 0) {
  Spacer()
  content()
- .frame(width: 375)
  .slideOverModifier()
  }
  }

diff --git a/Sources/SwiftUIPreviewLayouts/Views/SlideOverModifier.swift b/Sources/SwiftUIPreviewLayouts/Views/SlideOverModifier.swift
@@ -4,24 +4,35 @@ import SwiftUI
 
 struct SlideOverModifier: ViewModifier {
  func body(content: Content) -> some View {
- content
+ VStack(spacing: 0) {
+ HStack(spacing: 4) {
+ Circle().frame(width: 4)
+ Circle().frame(width: 4)
+ Circle().frame(width: 4)
+ }
+ .padding(.bottom, 12)
+ .foregroundColor(Color.init(white: 0.3))
+ .frame(height: 28)
+ .frame(maxWidth: .infinity)
+ .background(Color.red)
  .overlay(
- VStack {
- HStack(spacing: 4) {
- Circle().frame(width: 4)
- Circle().frame(width: 4)
- Circle().frame(width: 4)
- }
- Spacer()
- RoundedRectangle(cornerRadius: 4)
- .frame(width: 100, height: 4)
- }
- .foregroundColor(Color.init(white: 0.3))
- .padding(.vertical, 8)
+ Text("UNUSABLE HEIGHT ZONE")
  )
+
+ content
+ .overlay(
+ VStack {
+ Spacer()
+ RoundedRectangle(cornerRadius: 4)
+ .frame(width: 100, height: 4)
+ }
+ .foregroundColor(Color.init(white: 0.3))
+ .padding(.vertical, 8)
+ )
+ }
  .cornerRadius(10)
- .padding(.vertical, 24)
- .padding(.trailing, 48)
+ .frame(width: 375)
+ .padding(.trailing, 24)
  }
 }
 

diff --git a/Tests/SwiftUIPreviewLayoutsTests/SwiftUIPreviewLayoutsTests.swift b/Tests/SwiftUIPreviewLayoutsTests/SwiftUIPreviewLayoutsTests.swift
@@ -2,6 +2,7 @@ import XCTest
 import SwiftUI
 @testable import SwiftUIPreviewLayouts
 
+#if os(iOS)
 final class SwiftUIPreviewLayoutsTests: XCTestCase {
  func testGetDeviceString() {
  let preview = PreviewLayouts(devices: [.iPad_10, .iPhone_15], content: { TestView() })
@@ -12,6 +13,7 @@ final class SwiftUIPreviewLayoutsTests: XCTestCase {
  XCTAssertEqual(singleDevicePreview.getDeviceString(.iPad_10), "")
  }
 }
+#endif
 
 struct TestView: View {
  var body: some View {