update

Author: reaperzxmc

SimpleCalc/ContentView.swift

@@ -3,19 +3,51 @@ import SwiftUI
 struct ContentView: View {
     @State private var display = "0"
 
+    let buttons = [
+        ["7", "8", "9", "÷"],
+        ["4", "5", "6", "×"],
+        ["1", "2", "3", "-"],
+        ["C", "0", "=", "+"]
+    ]
+    
     var body: some View {
-        VStack {
+        VStack(spacing: 12) {
+            Spacer()
+            // Result Display
             Text(display)
-                .font(.system(size: 70))
+                .font(.system(size: 80, weight: .light))
+                .foregroundColor(.white)
+                .frame(maxWidth: .infinity, alignment: .trailing)
                 .padding()
-            Button("Reset") {
-                display = "0"
+
+            // Button Grid
+            ForEach(buttons, id: \.self) { row in
+                HStack(spacing: 12) {
+                    ForEach(row, id: \.self) { button in
+                        Button(action: { self.tapped(button) }) {
+                            Text(button)
+                                .font(.title)
+                                .frame(width: 80, height: 80)
+                                .background(self.buttonColor(button))
+                                .foregroundColor(.white)
+                                .clipShape(Circle())
+                        }
+                    }
+                }
             }
-            .font(.title)
-            .padding()
-            .background(Color.red)
-            .foregroundColor(.white)
-            .cornerRadius(10)
         }
+        .padding()
+        .background(Color.black.edgesIgnoringSafeArea(.all))
+    }
+    
+    func tapped(_ button: String) {
+        if button == "C" { display = "0" }
+        else { display = (display == "0") ? button : display + button }
+    }
+    
+    func buttonColor(_ b: String) -> Color {
+        if ["÷", "×", "-", "+", "="].contains(b) { return .orange }
+        if b == "C" { return .gray }
+        return Color(white: 0.2)
     }
 }