phpmon/app
1
0
Fork 0
mirror of https://github.com/nicoverbruggen/phpmon.git synced 2025-11-08 05:30:05 +01: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 title: String
@State var description: String @State var description: String
var body: some View { var body: some View {
HStack(spacing: 15) { HStack(alignment: .top, spacing: 5) {
Image(systemName: icon) Image(systemName: icon)
.resizable() .resizable()
.aspectRatio(contentMode: .fit) .aspectRatio(contentMode: .fit)
@@ -22,13 +22,21 @@ struct OnboardingTextItem: View {
.padding(.trailing, 10) .padding(.trailing, 10)
VStack(alignment: .leading, spacing: 4) { VStack(alignment: .leading, spacing: 4) {
Text(title.localizedForSwiftUI) Text(title.localizedForSwiftUI)
.font(.system(size: 15)) .font(.system(size: 14))
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
Text(description.localizedForSwiftUI) Text(description.localizedForSwiftUI)
.foregroundColor(Color.secondary) .foregroundColor(Color.secondary)
.font(.system(size: 13)) .font(.system(size: 13))
.fixedSize(horizontal: false, vertical: true) .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) .padding(.top, 10)
} }
VStack { VStack {
VStack(alignment: .leading, spacing: 20) { VStack(alignment: .leading, spacing: 10) {
OnboardingTextItem( OnboardingTextItem(
icon: "sparkles.rectangle.stack", icon: "bolt.circle.fill",
title: "onboarding.tour.menu_bar.title", title: "onboarding.tour.menu_bar.title",
description: "onboarding.tour.menu_bar" description: "onboarding.tour.menu_bar"
) )
OnboardingTextItem( OnboardingTextItem(
icon: "list.star", icon: "list.bullet.circle.fill",
title: "onboarding.tour.domains.title", title: "onboarding.tour.domains.title",
description: "onboarding.tour.domains" description: "onboarding.tour.domains"
) )
OnboardingTextItem( OnboardingTextItem(
icon: "pin.fill", icon: "pin.circle.fill",
title: "onboarding.tour.isolation.title", title: "onboarding.tour.isolation.title",
description: "onboarding.tour.isolation" description: "onboarding.tour.isolation"
) )
} }
.padding(20)
.overlay(
RoundedRectangle(cornerRadius: 10)
.stroke(Color.gray.opacity(0.3), lineWidth: 1)
)
}.padding() }.padding()
VStack(spacing: 20) { VStack(spacing: 20) {
HStack { HStack {