I need to get this plus icon to be flush up with the textual content.
Here is my code:
struct ContentView: View {
var physique: some View {
VStack{
HStack{
Textual content("FamilyBite")
.font(Font.largeTitle)
.fontWeight(Font.Weight.black)
.body(maxWidth: .infinity, alignment: .main)
.padding()
}
Button(motion: signIn) {
Picture(systemName: "plus.circle.fill")
.foregroundColor(Colour.black)
.body(width: 10.0, peak: 10.0, alignment: .leadingFirstTextBaseline)
.padding()
Textual content("Create a supply")
.body(minWidth:0, maxWidth: .infinity, minHeight: 20, maxHeight: 70, alignment: .middle)
.font(Font.system(measurement: 20))
.fontWeight(Font.Weight.semibold)
.padding()
.foregroundColor(Colour.black)
}
.padding()
.background(Colour.white)
.cornerRadius(10)
.shadow(shade: .grey, radius: 2, x: 0, y: 2)
Spacer()
}
}
}
I made a fast mockup of what I attempted to duplicate.