mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2024-12-17 17:20:21 +01:00
ios: fix onboarding info layout for small screen (#623)
* ios: fix onboarding info layout for small screen * update make connection onboarding view
This commit is contained in:
committed by
GitHub
parent
95c79c1b5c
commit
3e4826395e
@@ -114,24 +114,23 @@ struct MakeConnection: View {
|
||||
}
|
||||
|
||||
private func actionRow(icon: String, title: LocalizedStringKey, text: LocalizedStringKey, action: @escaping () -> Void) -> some View {
|
||||
HStack(alignment: .top, spacing: 20) {
|
||||
Button(action: action, label: {
|
||||
Button(action: action, label: {
|
||||
HStack(alignment: .top, spacing: 20) {
|
||||
Image(systemName: icon)
|
||||
.resizable()
|
||||
.scaledToFit()
|
||||
.frame(width: 30, height: 30)
|
||||
.padding(.leading, 6)
|
||||
.padding(.leading, 4)
|
||||
.padding(.top, 6)
|
||||
})
|
||||
VStack(alignment: .leading) {
|
||||
Button(action: action, label: {
|
||||
Text(title)
|
||||
.font(.headline)
|
||||
.multilineTextAlignment(.leading)
|
||||
})
|
||||
Text(text)
|
||||
VStack(alignment: .leading) {
|
||||
Group {
|
||||
Text(title).font(.headline)
|
||||
Text(text).foregroundColor(.primary)
|
||||
}
|
||||
.multilineTextAlignment(.leading)
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.padding(.bottom)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,17 +20,22 @@ struct SimpleXInfo: View {
|
||||
.resizable()
|
||||
.aspectRatio(contentMode: .fit)
|
||||
.frame(width: g.size.width * 0.7)
|
||||
.padding(.bottom)
|
||||
Text("The next generation of private messaging")
|
||||
.font(.title)
|
||||
.padding(.bottom)
|
||||
.padding(.bottom, 8)
|
||||
|
||||
infoRow("🎭", "Privacy redefined",
|
||||
"The 1st platform without any user identifiers – private by design.")
|
||||
infoRow("📭", "Immune to spam and abuse",
|
||||
"People can connect to you only via the links you share.")
|
||||
infoRow("🤝", "Decentralized",
|
||||
"Open-source protocol and code – anybody can run the servers.")
|
||||
ScrollView {
|
||||
VStack(alignment: .leading) {
|
||||
Text("The next generation of private messaging")
|
||||
.font(.title)
|
||||
.padding(.bottom)
|
||||
infoRow("🎭", "Privacy redefined",
|
||||
"The 1st platform without any user identifiers – private by design.")
|
||||
infoRow("📭", "Immune to spam and abuse",
|
||||
"People can connect to you only via the links you share.")
|
||||
infoRow("🤝", "Decentralized",
|
||||
"Open-source protocol and code – anybody can run the servers.")
|
||||
}
|
||||
}
|
||||
.padding(.bottom)
|
||||
|
||||
Spacer()
|
||||
|
||||
@@ -65,7 +70,7 @@ struct SimpleXInfo: View {
|
||||
Text(text)
|
||||
}
|
||||
}
|
||||
.padding(.bottom)
|
||||
.padding(.bottom, 8)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -92,6 +97,7 @@ struct OnboardingActionButton: View {
|
||||
}
|
||||
}
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.bottom)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user