diff --git a/src/app/components/chat-panel/chat-panel.component.ts b/src/app/components/chat-panel/chat-panel.component.ts index 8ab8906..cb05bef 100644 --- a/src/app/components/chat-panel/chat-panel.component.ts +++ b/src/app/components/chat-panel/chat-panel.component.ts @@ -16,7 +16,7 @@ */ import {TextFieldModule} from '@angular/cdk/text-field'; -import {CommonModule, DOCUMENT, NgClass, NgStyle} from '@angular/common'; +import {CommonModule, DOCUMENT, NgClass} from '@angular/common'; import {AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Inject, Input, OnChanges, Output, Renderer2, signal, SimpleChanges, Type, ViewChild} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; @@ -64,7 +64,6 @@ const ROOT_AGENT = 'root_agent'; AudioPlayerComponent, MatTooltipModule, NgClass, - NgStyle, ], }) export class ChatPanelComponent implements OnChanges, AfterViewInit { diff --git a/src/styles.scss b/src/styles.scss index 9c33ed9..10bf8b9 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -81,13 +81,6 @@ markdown p { } :root { - @include mat.progress-spinner-overrides( - ( - active-indicator-color: #a8c7fa, - size: 80, - ) - ); - --chat-panel-function-event-button-background-color: white; --chat-panel-function-event-button-highlight-background-color: rgb( 15, @@ -274,6 +267,14 @@ markdown p { --trace-tree-invocation-id-container-color: #9aa0a6; --trace-tree-trace-row-left-span-div-color: white; --trace-tree-trace-row-left-is-event-row-color: #8ab4f8; + + + @include mat.progress-spinner-overrides( + ( + active-indicator-color: #a8c7fa, + size: 80, + ) + ); } :root {