zec
/
secant-ios-wallet
mirror of https://github.com/zcash/secant-ios-wallet.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add Enumerated Chip to design guide

This commit is contained in:
Francisco Gindre 2021-10-21 16:41:39 -03:00
parent 31973d7a2b
commit 14efde39d4
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
secant/UI Components/Chips/EnumeratedChip.swift
View File

@ -19,6 +19,7 @@ struct EnumeratedChip: View {
minWidth: 0, minWidth: 0,
maxWidth: .infinity, maxWidth: .infinity,
minHeight: 30, minHeight: 30,
idealHeight: 40,
maxHeight: .infinity, maxHeight: .infinity,
alignment: .leading alignment: .leading
) )

8
secant/UI Components/DesignGuide.swift
View File

@ -46,6 +46,8 @@ struct SmallVisualElements: View {
let gridItems = [GridItem(.flexible(minimum: 40, maximum: 100)), GridItem(.flexible(minimum: 40, maximum: 100))] let gridItems = [GridItem(.flexible(minimum: 40, maximum: 100)), GridItem(.flexible(minimum: 40, maximum: 100))]
var body: some View { var body: some View {
VStack { VStack {
Text("Navigation Buttons")
.font(.caption)
LazyVGrid(columns: gridItems) { LazyVGrid(columns: gridItems) {
// TODO: Change state to selected // TODO: Change state to selected
Button("Back") { dump("Example button") } Button("Back") { dump("Example button") }
@ -55,7 +57,6 @@ struct SmallVisualElements: View {
.buttonStyle(NavigationButtonStyle()) .buttonStyle(NavigationButtonStyle())
.frame(width: 80, height: 40) .frame(width: 80, height: 40)
// Active Navigation Buttons
Button("Back") { dump("Example button") } Button("Back") { dump("Example button") }
.buttonStyle(NavigationButtonStyle()) .buttonStyle(NavigationButtonStyle())
.frame(width: 80, height: 40) .frame(width: 80, height: 40)
@ -63,6 +64,11 @@ struct SmallVisualElements: View {
.buttonStyle(NavigationButtonStyle()) .buttonStyle(NavigationButtonStyle())
.frame(width: 80, height: 40) .frame(width: 80, height: 40)
} }
Text("Recovery Phrase Chip")
.font(.caption)
EnumeratedChip(index: 1, text: "Salami")
.frame(width: 100, height: 40)
Text("shield icon") Text("shield icon")
.frame(width: 76, height: 76) .frame(width: 76, height: 76)
Text("profile icon") Text("profile icon")