diff --git a/ios/Packages/Sybil/Sources/Sybil/SybilChatTranscriptView.swift b/ios/Packages/Sybil/Sources/Sybil/SybilChatTranscriptView.swift index 4325236..cb763b6 100644 --- a/ios/Packages/Sybil/Sources/Sybil/SybilChatTranscriptView.swift +++ b/ios/Packages/Sybil/Sources/Sybil/SybilChatTranscriptView.swift @@ -58,7 +58,8 @@ struct SybilChatTranscriptView: View { .frame(height: 18 + bottomContentInset) .id(bottomAnchorID) } - .frame(maxWidth: .infinity, alignment: .leading) + .frame(maxWidth: SybilLayout.webContentMaxWidth, alignment: .leading) + .frame(maxWidth: .infinity, alignment: .center) .padding(.horizontal, 14) .padding(.top, 18 + topContentInset) } diff --git a/ios/Packages/Sybil/Sources/Sybil/SybilSearchResultsView.swift b/ios/Packages/Sybil/Sources/Sybil/SybilSearchResultsView.swift index 3a9c083..5bf27b9 100644 --- a/ios/Packages/Sybil/Sources/Sybil/SybilSearchResultsView.swift +++ b/ios/Packages/Sybil/Sources/Sybil/SybilSearchResultsView.swift @@ -98,7 +98,8 @@ struct SybilSearchResultsView: View { .foregroundStyle(SybilTheme.danger) } } - .frame(maxWidth: .infinity, alignment: .leading) + .frame(maxWidth: SybilLayout.webContentMaxWidth, alignment: .leading) + .frame(maxWidth: .infinity, alignment: .center) .padding(.horizontal, 14) .padding(.top, 20 + topContentInset) .padding(.bottom, 20 + bottomContentInset) diff --git a/ios/Packages/Sybil/Sources/Sybil/SybilTheme.swift b/ios/Packages/Sybil/Sources/Sybil/SybilTheme.swift index 256bea9..dd880d4 100644 --- a/ios/Packages/Sybil/Sources/Sybil/SybilTheme.swift +++ b/ios/Packages/Sybil/Sources/Sybil/SybilTheme.swift @@ -64,6 +64,10 @@ extension Font { } } +enum SybilLayout { + static let webContentMaxWidth: CGFloat = 896 +} + enum SybilTheme { static let background = Color(red: 0.02, green: 0.02, blue: 0.05) static let surface = Color(red: 0.05, green: 0.04, blue: 0.10)