diff --git a/Shared/Views/Tab/SideMenuView.swift b/Shared/Views/Tab/SideMenuView.swift index 0d65d8a..5572e67 100644 --- a/Shared/Views/Tab/SideMenuView.swift +++ b/Shared/Views/Tab/SideMenuView.swift @@ -18,9 +18,9 @@ struct SideMenuView: View { .frame(width: 60, height: 60) .foregroundColor(.gray) Text("Your Name") - .font(.title2).bold() + .font(.title3).bold() Text("@yourusername") - .font(.subheadline) + .font(.footnote) .foregroundColor(.secondary) } .padding(.horizontal, 20) @@ -28,10 +28,11 @@ struct SideMenuView: View { .padding(.bottom, 20) + // Menu Items VStack(alignment: .leading, spacing: 20) { // Section 1 - VStack(alignment: .leading, spacing: 15) { + VStack(alignment: .leading, spacing: 7) { SideMenuButton(icon: "person.2.fill", title: "People You May Like", action: {}) SideMenuButton(icon: "star.fill", title: "Fun Fest", action: {}) SideMenuButton(icon: "lightbulb.fill", title: "Creator Center", action: {}) @@ -40,8 +41,8 @@ struct SideMenuView: View { Divider() // Section 2 - VStack(alignment: .leading, spacing: 15) { - Text("CATEGORY").font(.caption).foregroundColor(.secondary) + VStack(alignment: .leading, spacing: 7) { + Text("CATEGORY").font(.caption2).foregroundColor(.secondary) SideMenuButton(icon: "doc.text", title: "Drafts", action: {}) SideMenuButton(icon: "bubble.left", title: "My Comments", action: {}) SideMenuButton(icon: "clock", title: "History", action: {}) @@ -51,8 +52,8 @@ struct SideMenuView: View { Divider() // Section 3 - VStack(alignment: .leading, spacing: 15) { - Text("SERVICES").font(.caption).foregroundColor(.secondary) + VStack(alignment: .leading, spacing: 7) { + Text("SERVICES").font(.caption2).foregroundColor(.secondary) SideMenuButton(icon: "shippingbox", title: "Orders", action: {}) SideMenuButton(icon: "cart", title: "Cart", action: {}) SideMenuButton(icon: "wallet.pass", title: "Wallet", action: {}) @@ -100,7 +101,7 @@ struct SideMenuButton: View { .font(.title3) .frame(width: 30) Text(title) - .font(.headline) + .font(.subheadline) } .foregroundColor(.primary) .padding(.vertical, 8) @@ -119,7 +120,7 @@ struct SideMenuFooterButton: View { Image(systemName: icon) .font(.title2) Text(title) - .font(.caption) + .font(.caption2) } .foregroundColor(.primary) }