Adjust UI

Author: intitni

Core/Sources/SuggestionWidget/Styles.swift

@@ -5,7 +5,7 @@ import SwiftUI
 enum Style {
     static let panelHeight: Double = 500
     static let panelWidth: Double = 454
-    static let widgetHeight: Double = 30
+    static let widgetHeight: Double = 24
     static var widgetWidth: Double { widgetHeight }
     static let widgetPadding: Double = 4
 }

Core/Sources/SuggestionWidget/SuggestionPanelContent/ChatPanel.swift

@@ -290,21 +290,17 @@ struct ChatPanelInputArea: View {
                 Text(typedMessage.isEmpty ? "Hi" : typedMessage).opacity(0)
                     .font(.system(size: 14))
                     .frame(maxWidth: .infinity, maxHeight: 400)
-                    .overlay(alignment: .leadingFirstTextBaseline) {
-                        Text("Write something..")
-                            .foregroundColor(.secondary)
-                            .font(.system(size: 14))
-                            .opacity(typedMessage.isEmpty ? 1 : 0)
-                    }
-                    .padding(.top, 0)
-                    .padding(.bottom, 3)
+                    .padding(.top, 1)
+                    .padding(.bottom, 2)
                     .padding(.horizontal, 4)
 
                 CustomTextEditor(
                     text: $typedMessage,
                     font: .systemFont(ofSize: 14),
                     onSubmit: { submitText() }
                 )
+                .padding(.top, 1)
+                .padding(.bottom, -1)
             }
             .focused($isInputAreaFocused)
             .padding(8)

Core/Sources/SuggestionWidget/WidgetView.swift

@@ -38,8 +38,9 @@ struct WidgetView: View {
                 }
             }
             .overlay {
-                let minimumLineWidth: Double = 4
-                let lineWidth = (1 - processingProgress) * 28 + minimumLineWidth
+                let minimumLineWidth: Double = 3
+                let lineWidth = (1 - processingProgress) *
+                    (Style.widgetWidth - minimumLineWidth / 2) + minimumLineWidth
                 let scale = max(processingProgress * 1, 0.0001)
                 let empty = panelViewModel.content == nil && chatWindowViewModel.chat == nil
 
@@ -49,7 +50,7 @@ struct WidgetView: View {
                             Color(nsColor: .darkGray),
                             style: .init(lineWidth: minimumLineWidth)
                         )
-                        .padding(2)
+                        .padding(minimumLineWidth / 2)
 
                     // how do I stop the repeatForever animation without removing the view?
                     // I tried many solutions found on stackoverflow but non of them works.
@@ -59,7 +60,7 @@ struct WidgetView: View {
                                 Color.accentColor,
                                 style: .init(lineWidth: lineWidth)
                             )
-                            .padding(2)
+                            .padding(minimumLineWidth / 2)
                             .scaleEffect(x: scale, y: scale)
                             .opacity(!empty || viewModel.isProcessing ? 1 : 0)
                             .animation(
@@ -72,7 +73,7 @@ struct WidgetView: View {
                                 Color.accentColor,
                                 style: .init(lineWidth: lineWidth)
                             )
-                            .padding(2)
+                            .padding(minimumLineWidth / 2)
                             .scaleEffect(x: scale, y: scale)
                             .opacity(!empty || viewModel.isProcessing ? 1 : 0)
                             .animation(.easeInOut(duration: 1), value: processingProgress)