This is an automated email from the ASF dual-hosted git repository. gongchao pushed a commit to branch ai-enhance in repository https://gitbox.apache.org/repos/asf/hertzbeat.git
commit bdba11802d450866c62c7fa6eb0684c16148f055 Author: tomsun28 <[email protected]> AuthorDate: Wed Oct 22 23:30:29 2025 +0800 [webapp] update ui Signed-off-by: tomsun28 <[email protected]> --- web-app/src/app/layout/basic/basic.component.html | 30 ----------------------- web-app/src/app/layout/basic/basic.component.less | 8 +++--- web-app/src/app/layout/basic/basic.component.ts | 2 +- 3 files changed, 5 insertions(+), 35 deletions(-) diff --git a/web-app/src/app/layout/basic/basic.component.html b/web-app/src/app/layout/basic/basic.component.html deleted file mode 100644 index c52473284..000000000 --- a/web-app/src/app/layout/basic/basic.component.html +++ /dev/null @@ -1,30 +0,0 @@ -<div class="alain-default__content"> - <router-outlet></router-outlet> -</div> - -<div class="ai-chatbot-container"> - <div class="ai-chatbot-button" (click)="toggleChatbot()"> - <span *ngIf="!isChatbotOpen">AI</span> - <span *ngIf="isChatbotOpen">X</span> - </div> - - <div class="ai-chatbot-window" *ngIf="isChatbotOpen"> - <div class="chatbot-header"> - <div class="chatbot-title">{{ 'ai.bot.title' | i18n }}</div> - <div class="chatbot-close" (click)="toggleChatbot()">X</div> - </div> - <div class="chatbot-messages"> - <div *ngFor="let message of chatMessages" [class.user-message]="message.isUser" [class.bot-message]="!message.isUser" class="message"> - <div class="message-content">{{ message.content }}</div> - <div class="message-time">{{ message.timestamp | date : 'HH:mm' }}</div> - </div> - <div *ngIf="isLoading" class="bot-message loading-message"> - <nz-spin nzSimple></nz-spin> - </div> - </div> - <div class="chatbot-input"> - <input nz-input placeholder="{{ 'ai.bot.input.placeholder' | i18n }}" [(ngModel)]="currentMessage" (keyup.enter)="sendMessage()" /> - <button nz-button nzType="primary" [disabled]="!currentMessage.trim()" (click)="sendMessage()"> {{ 'ai.bot.send' | i18n }} </button> - </div> - </div> -</div> diff --git a/web-app/src/app/layout/basic/basic.component.less b/web-app/src/app/layout/basic/basic.component.less index 0533e2857..9407b354b 100644 --- a/web-app/src/app/layout/basic/basic.component.less +++ b/web-app/src/app/layout/basic/basic.component.less @@ -338,9 +338,9 @@ global-footer { } .ai-chat-button { - width: 56px; - height: 56px; - border-radius: 50%; + width: 44px; + height: 44px; + border-radius: 8px; background-color: @primary-color; color: white; display: flex; @@ -371,7 +371,7 @@ global-footer { overflow: hidden !important; } - + .ant-modal-header { border-radius: 16px 16px 0 0 !important; diff --git a/web-app/src/app/layout/basic/basic.component.ts b/web-app/src/app/layout/basic/basic.component.ts index 30cf51ae7..38d7ad3c5 100644 --- a/web-app/src/app/layout/basic/basic.component.ts +++ b/web-app/src/app/layout/basic/basic.component.ts @@ -83,7 +83,7 @@ import { AiChatModalService } from '../../shared/services/ai-chat-modal.service' width="28" height="28" fill="white" - style="min-width:28px; min-height:28px;" + style="min-width:36px; min-height:36px;" > <path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h1a7 7 0 0 1 7 7h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1a7 7 0 0 1 7-7h1V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2M7.5 13A2.5 2.5 0 0 0 5 15.5A2.5 2.5 0 0 0 7.5 18a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 7.5 13m9 0a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5z" --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
