Updated Climate controls

Author: RathaKrishna

TeslaApp/Components/ActionComponents.swift

@@ -33,7 +33,7 @@ struct ActionNotification: View {
             }
             .padding(20)
             .foregroundColor(Color.white)
-            .background(Color.background)
+            .background(Color.lockGradient)
             .backgroundBlur(radius: 10, opaque: true)
             .clipShape(RoundedRectangle(cornerRadius: 16, style: .continuous))
             .padding()
@@ -176,8 +176,8 @@ struct MediaPlayerWidget: View {
             }
             .padding(20)
             .foregroundColor(Color.white)
-            .background(Color.background)
-            .backgroundBlur(radius: 10, opaque: true)
+            .background(Color.lockGradient)
+            .backgroundBlur(radius: 12, opaque: true)
             .cornerRadius(20, corners: [.topLeft, .topRight])
         }
         .edgesIgnoringSafeArea(.bottom)
@@ -244,8 +244,8 @@ struct ChargingWidget: View {
             }
             .padding(20)
             .foregroundColor(Color.white)
-            .background(Color.background)
-            .backgroundBlur(radius: 10, opaque: true)
+            .background(Color.lockGradient)
+            .backgroundBlur(radius: 2, opaque: true)
             .cornerRadius(20, corners: [.topLeft, .topRight])
         }
         .edgesIgnoringSafeArea(.bottom)

TeslaApp/Components/ClimateComponents.swift

@@ -6,6 +6,8 @@
 //
 
 import SwiftUI
+import Sliders
+
 
 struct KnobWidget: View {
     var body: some View {
@@ -72,8 +74,11 @@ struct ControlWidget: View {
                 .frame(width: 50)
 
             Button(action: {
-                self.activeId = title
-                self.isActive = true
+                withAnimation {
+                    self.activeId = title
+                    self.isActive = true
+                }
+                
             }){
                 Circle()
                     .foregroundColor(Color("Background"))

TeslaApp/Views/ClimateView.swift

@@ -65,7 +65,7 @@ struct ClimateView: View {
             if (isActive) {
                 ClimateWidget(open: $isActive, prgoress: $progress, activeId: $activeId, isActive: $isActive)
                     .zIndex(1)
-                    .transition(.opacity)
+                    .transition(.move(edge: .bottom))
             }