Adapting for iPad

Author: Mithun

DesignCode/Assets.xcassets/Colors/button.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "colors" : [
+    {
+      "idiom" : "universal",
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "red" : "1.000",
+          "alpha" : "1.000",
+          "blue" : "1.000",
+          "green" : "1.000"
+        }
+      }
+    },
+    {
+      "idiom" : "universal",
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "red" : "0x11",
+          "alpha" : "1.000",
+          "blue" : "0x11",
+          "green" : "0x11"
+        }
+      }
+    }
+  ]
+}

DesignCode/Assets.xcassets/Colors/buttonShadow.colorset/Contents.json

@@ -9,10 +9,10 @@
       "color" : {
         "color-space" : "srgb",
         "components" : {
-          "red" : "0x00",
-          "alpha" : "0.250",
-          "blue" : "0x00",
-          "green" : "0x00"
+          "red" : "0x9C",
+          "alpha" : "0.300",
+          "blue" : "0xB9",
+          "green" : "0xA5"
         }
       }
     },
@@ -27,10 +27,10 @@
       "color" : {
         "color-space" : "srgb",
         "components" : {
-          "red" : "0.000",
-          "alpha" : "1.000",
-          "blue" : "0.000",
-          "green" : "0.000"
+          "red" : "0x00",
+          "alpha" : "0.300",
+          "blue" : "0x00",
+          "green" : "0x00"
         }
       }
     }

DesignCode/CertificateRow.swift

@@ -17,7 +17,7 @@ struct CertificateRow: View {
          Text("Certificates")
             .font(.system(size: 20))
             .fontWeight(.heavy)
-            .padding(.leading, 20)
+            .padding(.leading, 30)
 
          ScrollView(.horizontal, showsIndicators: false) {
             HStack(spacing: 20) {
@@ -26,7 +26,7 @@ struct CertificateRow: View {
                }
             }
             .padding(20)
-            .padding(.leading, 20)
+            .padding(.leading, 10)
          }
       }
    }

DesignCode/ContentView.swift

@@ -160,6 +160,6 @@ struct CardBottomView: View {
       .background(BlurView(style: .systemMaterial))
       .cornerRadius(30)
       .shadow(radius: 20)
-      .offset(y: 600)
+      .offset(y: UIScreen.main.bounds.height - 170)
    }
 }

DesignCode/Home.swift

@@ -8,6 +8,9 @@
 
 import SwiftUI
 
+let statusBarHeight = UIApplication.shared.statusBarFrame.height
+let screen = UIScreen.main.bounds
+
 struct Home: View {
 
    @State var show = false
@@ -21,20 +24,23 @@ struct Home: View {
             .animation(.default)
 
          ContentView()
+            .frame(minWidth: 0, maxWidth: 712)
             .cornerRadius(30)
             .shadow(radius: 20)
             .animation(.fluidSpring())
-            .offset(y: showProfile ? 40 : UIScreen.main.bounds.height)
+            .offset(y: showProfile ? statusBarHeight + 40 : UIScreen.main.bounds.height)
 
          MenuButton(show: $show)
-            .offset(x: -30, y: showProfile ? 0 : 80)
+            .offset(x: -40, y: showProfile ? statusBarHeight : 80)
             .animation(.fluidSpring())
 
          MenuRight(show: $showProfile)
-            .offset(x: -16, y: showProfile ? 0 : 88)
+            .offset(x: -16, y: showProfile ? statusBarHeight : 88)
 
          MenuView(show: $show)
       }
+      .background(Color("background"))
+      .edgesIgnoringSafeArea(.all)
    }
 }
 
@@ -60,6 +66,7 @@ struct MenuRow: View {
 
          Text(text)
             .font(.headline)
+            .color(.primary)
 
          Spacer()
       }
@@ -74,6 +81,7 @@ struct Menu: Identifiable {
 
 let menuData = [
    Menu(title: "My Account", icon: "person.crop.circle"),
+   Menu(title: "Settings", icon: "gear"),
    Menu(title: "Billing", icon: "creditcard"),
    Menu(title: "Team", icon: "person.and.person"),
    Menu(title: "Sign out", icon: "arrow.uturn.down")
@@ -85,25 +93,35 @@ struct MenuView: View {
    @Binding var show: Bool
 
    var body: some View {
-      return VStack(alignment: .leading) {
-         ForEach(menu) { item in
-            MenuRow(image: item.icon, text: item.title)
+      return HStack {
+         VStack(alignment: .leading) {
+            ForEach(menu) { item in
+               if item.title == "Settings" {
+                  PresentationLink(destination: Settings()) {
+                     MenuRow(image: item.icon, text: item.title)
+                  }
+               } else {
+                  MenuRow(image: item.icon, text: item.title)
+               }
+            }
+            Spacer()
+         }
+         .padding(.top, 20)
+         .padding(30)
+         .frame(minWidth: 0, maxWidth: 360)
+         .background(Color("button"))
+         .cornerRadius(30)
+         .padding(.trailing, 60)
+         .shadow(radius: 20)
+         .rotation3DEffect(Angle(degrees: show ? 0 : 60), axis: (x: 0, y: 10.0, z: 0))
+         .animation(.basic())
+         .offset(x: show ? 0 : -UIScreen.main.bounds.width)
+         .tapAction {
+            self.show.toggle()
          }
          Spacer()
       }
-      .padding(.top, 20)
-      .padding(30)
-      .frame(minWidth: 0, maxWidth: .infinity)
-      .background(BlurView(style: .systemMaterial))
-      .cornerRadius(30)
-      .padding(.trailing, 60)
-      .shadow(radius: 20)
-      .rotation3DEffect(Angle(degrees: show ? 0 : 60), axis: (x: 0, y: 10.0, z: 0))
-      .animation(.basic())
-      .offset(x: show ? 0 : -UIScreen.main.bounds.width)
-      .tapAction {
-         self.show.toggle()
-      }
+      .padding(.top, statusBarHeight)
    }
 }
 
@@ -117,7 +135,7 @@ struct CircleButton: View {
             .foregroundColor(.primary)
       }
       .frame(width: 44, height: 44)
-      .background(BlurView(style: .systemThickMaterial))
+      .background(Color("button"))
       .cornerRadius(30)
       .shadow(color: Color("buttonShadow"), radius: 20, x: 0, y: 20)
    }
@@ -135,9 +153,9 @@ struct MenuButton: View {
                Image(systemName: "list.dash")
                   .foregroundColor(.primary)
             }
-            .padding(.trailing, 20)
+            .padding(.trailing, 18)
             .frame(width: 90, height: 60)
-            .background(BlurView(style: .systemThickMaterial))
+            .background(Color("button"))
             .cornerRadius(30)
             .shadow(color: Color("buttonShadow"), radius: 20, x: 0, y: 20)
          }
@@ -156,7 +174,7 @@ struct MenuRight: View {
             Button(action: { self.show.toggle() }) {
                CircleButton(icon: "person.crop.circle")
             }
-            Button(action: { self.show.toggle() }) {
+            PresentationLink(destination: UpdateList()) {
                CircleButton(icon: "bell")
             }
          }

DesignCode/HomeList.swift

@@ -26,7 +26,7 @@ struct HomeList: View {
                }
                Spacer()
             }
-            .padding(.leading, 70.0)
+            .padding(.leading, 60.0)
 
             ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: 30.0) {
@@ -37,17 +37,17 @@ struct HomeList: View {
                                       image: item.image,
                                       color: item.color,
                                       shadowColor: item.shadowColor)
-                              .rotation3DEffect(Angle(degrees: Double(geometry.frame(in: .global).minX - 40) / -20), axis: (x: 0, y: 10.0, z: 0))
+                              .rotation3DEffect(Angle(degrees: Double(geometry.frame(in: .global).minX - 30) / -40), axis: (x: 0, y: 10.0, z: 0))
                         }
-                        .frame(width: 246, height: 150)
+                        .frame(width: 246, height: 360)
                      }
                   }
                }
-               .padding(.leading, 40)
+               .padding(.leading, 30)
                .padding(.top, 30)
+               .padding(.bottom, 70)
                Spacer()
             }
-            .frame(height: 450)
             CertificateRow()
          }
          .padding(.top, 78)

DesignCode/SceneDelegate.swift

@@ -21,7 +21,7 @@ class SceneDelegate: UIResponder, UIWindowSceneDelegate {
       // Use a UIHostingController as window root view controller
       if let windowScene = scene as? UIWindowScene {
          let window = UIWindow(windowScene: windowScene)
-         window.rootViewController = UIHostingController(rootView: TabBar())
+         window.rootViewController = UIHostingController(rootView: Home())
          self.window = window
          window.makeKeyAndVisible()
       }

DesignCode/TabBar.swift

@@ -27,14 +27,15 @@ struct TabBar: View {
          }
          .tag(3)
       }
+      .edgesIgnoringSafeArea(.top)
    }
 }
 
 #if DEBUG
 struct TabBar_Previews: PreviewProvider {
    static var previews: some View {
       TabBar()
-         .environment(\.colorScheme, .dark)
+//         .environment(\.colorScheme, .dark)
    }
 }
 #endif