This is an automated email from the ASF dual-hosted git repository. gongchao pushed a commit to branch update-ai-with in repository https://gitbox.apache.org/repos/asf/hertzbeat.git
commit 01ef70baf5b01fee25a8955042d382c36ae454e3 Author: tomsun28 <[email protected]> AuthorDate: Sat Nov 1 16:56:26 2025 +0800 [webapp] update ui Signed-off-by: tomsun28 <[email protected]> --- web-app/src/app/layout/basic/basic.component.less | 32 +++++++++++----------- .../app/routes/dashboard/dashboard.component.html | 2 +- .../shared/components/ai-chat/chat.component.less | 2 +- web-app/src/styles/index.less | 6 ++-- web-app/src/styles/theme.less | 4 +-- 5 files changed, 23 insertions(+), 23 deletions(-) diff --git a/web-app/src/app/layout/basic/basic.component.less b/web-app/src/app/layout/basic/basic.component.less index 9407b354bc..7803a9ef5b 100644 --- a/web-app/src/app/layout/basic/basic.component.less +++ b/web-app/src/app/layout/basic/basic.component.less @@ -107,7 +107,7 @@ grid-area: header !important; background: linear-gradient(135deg, var(--primary-color, @primary-color) 0%, var(--primary-color-light, lighten(@primary-color, 10%)) 100%) !important; box-shadow: 0 4px 20px var(--shadow-color, rgba(0, 0, 0, 0.08)) !important; - border-radius: 16px !important; + border-radius: 12px !important; backdrop-filter: blur(10px) !important; transition: all 0.3s ease !important; position: relative !important; @@ -147,7 +147,7 @@ .alain-default__aside { grid-area: sidebar !important; background: var(--sidebar-background, #ffffff) !important; - border-radius: 16px !important; + border-radius: 12px !important; box-shadow: 0 8px 32px var(--shadow-color, rgba(0, 0, 0, 0.06)) !important; border: 1px solid var(--border-color, rgba(255, 255, 255, 0.2)) !important; backdrop-filter: blur(20px) !important; @@ -167,7 +167,7 @@ .alain-default__content { grid-area: content !important; background: var(--content-background, #ffffff) !important; - border-radius: 16px !important; + border-radius: 12px !important; box-shadow: 0 8px 32px var(--shadow-color, rgba(0, 0, 0, 0.06)) !important; border: 1px solid var(--border-color, rgba(255, 255, 255, 0.2)) !important; backdrop-filter: blur(20px) !important; @@ -183,7 +183,7 @@ /* Sidebar navigation modern styling */ .sidebar-nav__item { margin: 4px 12px; - border-radius: 12px; + border-radius: 8px; border-left: none; transition: all 0.3s ease; overflow: hidden; @@ -197,7 +197,7 @@ .sidebar-nav__selected { background: linear-gradient(135deg, rgba(63, 81, 181, 0.12) 0%, rgba(63, 81, 181, 0.08) 100%); border-left: none; - border-radius: 12px; + border-radius: 8px; position: relative; } @@ -215,7 +215,7 @@ .sidebar-nav__item-link { padding: 12px 16px; - border-radius: 8px; + border-radius: 6px; transition: all 0.3s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; font-weight: 500; @@ -227,7 +227,7 @@ /* Header items modern styling */ .alain-default__nav-item { - border-radius: 8px; + border-radius: 6px; margin: 0 4px; transition: all 0.3s ease; } @@ -246,7 +246,7 @@ /* Search component modern styling */ .alain-default__search { .ant-input-affix-wrapper { - border-radius: 20px; + border-radius: 16px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); @@ -264,7 +264,7 @@ /* Logo area styling */ .alain-default__header-logo { - border-radius: 12px; + border-radius: 8px; margin: 8px; transition: all 0.3s ease; } @@ -280,18 +280,18 @@ } .alain-default__header { - border-radius: 12px; + border-radius: 8px; } .alain-default__aside { margin-top: 4px; - border-radius: 12px; + border-radius: 8px; } .alain-default__content { margin-top: 4px; margin-left: 4px; - border-radius: 12px; + border-radius: 8px; } } @@ -363,23 +363,23 @@ global-footer { /* AI Chat Modal Styles */ :host ::ng-deep .ai-chat-modal { .ant-modal { - border-radius: 16px !important; + border-radius: 12px !important; overflow: hidden !important; } .ant-modal-content { - border-radius: 16px !important; + border-radius: 12px !important; overflow: hidden !important; } .ant-modal-header { - border-radius: 16px 16px 0 0 !important; + border-radius: 12px 12px 0 0 !important; margin: 0 !important; padding: 16px !important; } .ant-modal-body { - border-radius: 0 0 16px 16px !important; + border-radius: 0 0 12px 12px !important; padding: 0 !important; } diff --git a/web-app/src/app/routes/dashboard/dashboard.component.html b/web-app/src/app/routes/dashboard/dashboard.component.html index 8717762ea4..deca2ba1f9 100644 --- a/web-app/src/app/routes/dashboard/dashboard.component.html +++ b/web-app/src/app/routes/dashboard/dashboard.component.html @@ -347,7 +347,7 @@ <div nz-row nzGutter="16" style="margin-top: 20px; height: 500px"> <div nz-col [nzXs]="{ span: 24 }" [nzSm]="{ span: 24 }" [nzMd]="{ span: 6 }" style="height: 100%"> <nz-spin [nzSpinning]="wordCloudDataLoading"> - <nz-card class="dashboard-chart-card" style="border-radius: 16px !important; height: 100%; width: 100%"> + <nz-card class="dashboard-chart-card" style="border-radius: 12px !important; height: 100%; width: 100%"> <angular-tag-cloud class="br-4" *ngIf="!wordCloudDataLoading" diff --git a/web-app/src/app/shared/components/ai-chat/chat.component.less b/web-app/src/app/shared/components/ai-chat/chat.component.less index e20488155e..23a198c5d4 100644 --- a/web-app/src/app/shared/components/ai-chat/chat.component.less +++ b/web-app/src/app/shared/components/ai-chat/chat.component.less @@ -270,7 +270,7 @@ .message-avatar { width: 32px; height: 32px; - border-radius: 16px; + border-radius: 8px; background: @background-color-light; display: flex; align-items: center; diff --git a/web-app/src/styles/index.less b/web-app/src/styles/index.less index 042f073806..23c13d43fb 100644 --- a/web-app/src/styles/index.less +++ b/web-app/src/styles/index.less @@ -24,7 +24,7 @@ html { /* Enhanced card styling */ .ant-card { - border-radius: 12px !important; + border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; transition: all 0.3s ease !important; @@ -51,7 +51,7 @@ html { /* Enhanced table styling */ .ant-table { - border-radius: 12px !important; + border-radius: 8px !important; overflow: hidden !important; } @@ -67,7 +67,7 @@ html { /* Enhanced modal styling */ .ant-modal-content { - border-radius: 16px !important; + border-radius: 8px !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important; } diff --git a/web-app/src/styles/theme.less b/web-app/src/styles/theme.less index a499b1690d..46f0c9da57 100644 --- a/web-app/src/styles/theme.less +++ b/web-app/src/styles/theme.less @@ -49,7 +49,7 @@ } .br-8, .ant-modal-header, .ant-modal-content { - border-radius: 8px; + border-radius: 6px; } // bugfix https://github.com/apache/hertzbeat/issues/133 @@ -114,4 +114,4 @@ .alain-default__header-logo-expanded, .alain-default__header-logo-collapsed { max-width: 90%; max-height: 46px; -} \ No newline at end of file +} --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
