phpmon/app
1
0
Fork 0
mirror of https://github.com/nicoverbruggen/phpmon.git synced 2025-08-07 03:50:08 +02:00
Code Releases Activity

🍱 Further tweaks to onboarding view

Browse Source
This commit is contained in:
Nico Verbruggen
2022-08-03 19:10:13 +02:00
parent a2c93833df
commit 023043a81d
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
phpmon/Domain/SwiftUI/Onboarding/OnboardingView.swift
View File

@ -13,7 +13,7 @@ struct OnboardingTextItem: View {
@State var title: String
@State var description: String
var body: some View {
HStack(spacing: 15) {
HStack(alignment: .top, spacing: 5) {
Image(systemName: icon)
.resizable()
.aspectRatio(contentMode: .fit)
@ -22,13 +22,21 @@ struct OnboardingTextItem: View {
.padding(.trailing, 10)
VStack(alignment: .leading, spacing: 4) {
Text(title.localizedForSwiftUI)
.font(.system(size: 15))
.font(.system(size: 14))
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
Text(description.localizedForSwiftUI)
.foregroundColor(Color.secondary)
.font(.system(size: 13))
.fixedSize(horizontal: false, vertical: true)
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
}
}
.frame(maxWidth: .infinity)
.padding(18)
.overlay(
RoundedRectangle(cornerRadius: 5)
.stroke(Color.gray.opacity(0.3), lineWidth: 1)
)
}
}
@ -53,28 +61,23 @@ struct OnboardingView: View {
.padding(.top, 10)
}
VStack {
VStack(alignment: .leading, spacing: 20) {
VStack(alignment: .leading, spacing: 10) {
OnboardingTextItem(
icon: "sparkles.rectangle.stack",
icon: "bolt.circle.fill",
title: "onboarding.tour.menu_bar.title",
description: "onboarding.tour.menu_bar"
)
OnboardingTextItem(
icon: "list.star",
icon: "list.bullet.circle.fill",
title: "onboarding.tour.domains.title",
description: "onboarding.tour.domains"
)
OnboardingTextItem(
icon: "pin.fill",
icon: "pin.circle.fill",
title: "onboarding.tour.isolation.title",
description: "onboarding.tour.isolation"
)
}
.padding(20)
.overlay(
RoundedRectangle(cornerRadius: 10)
.stroke(Color.gray.opacity(0.3), lineWidth: 1)
)
}.padding()
VStack(spacing: 20) {
HStack {