This is an automated email from the ASF dual-hosted git repository. zhaoqingran pushed a commit to branch web-ui in repository https://gitbox.apache.org/repos/asf/hertzbeat.git
commit e76322c487125cda130ba545a64791a082d6f577 Author: Logic <[email protected]> AuthorDate: Fri Nov 14 17:13:54 2025 +0800 [style] unify border-radius values across components for consistency --- web-app/src/app/layout/basic/basic.component.less | 39 +++++++++++----------- .../app/routes/dashboard/dashboard.component.less | 2 +- web-app/src/styles/index.less | 6 ++-- 3 files changed, 24 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 7803a9ef5b..f28e59a11d 100644 --- a/web-app/src/app/layout/basic/basic.component.less +++ b/web-app/src/app/layout/basic/basic.component.less @@ -1,7 +1,6 @@ /* Component Styles */ /* Import system theme variables */ @import 'src/styles/theme.less'; - /* CSS Variables for theme support */ :host { /* Light theme variables */ @@ -13,7 +12,8 @@ --primary-color: @primary-color; --primary-color-light: lighten(@primary-color, 10%); - display: block; /* Change to block layout to avoid extra whitespace */ + display: block; + /* Change to block layout to avoid extra whitespace */ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -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: 12px !important; + border-radius: 6px !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: 12px !important; + border-radius: 6px !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; @@ -160,14 +160,15 @@ } .alain-default__aside::after { - display: none !important; /* Remove default border */ + display: none !important; + /* Remove default border */ } /* Content area modern styling */ .alain-default__content { grid-area: content !important; background: var(--content-background, #ffffff) !important; - border-radius: 12px !important; + border-radius: 6px !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 +184,7 @@ /* Sidebar navigation modern styling */ .sidebar-nav__item { margin: 4px 12px; - border-radius: 8px; + border-radius: 6px; border-left: none; transition: all 0.3s ease; overflow: hidden; @@ -197,7 +198,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: 8px; + border-radius: 6px; position: relative; } @@ -210,7 +211,7 @@ width: 4px; height: 24px; background: linear-gradient(135deg, @primary-color 0%, lighten(@primary-color, 20%) 100%); - border-radius: 0 4px 4px 0; + border-radius: 0 3px 3px 0; } .sidebar-nav__item-link { @@ -246,7 +247,7 @@ /* Search component modern styling */ .alain-default__search { .ant-input-affix-wrapper { - border-radius: 16px; + border-radius: 6px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); @@ -264,7 +265,7 @@ /* Logo area styling */ .alain-default__header-logo { - border-radius: 8px; + border-radius: 6px; margin: 8px; transition: all 0.3s ease; } @@ -280,18 +281,18 @@ } .alain-default__header { - border-radius: 8px; + border-radius: 6px; } .alain-default__aside { margin-top: 4px; - border-radius: 8px; + border-radius: 6px; } .alain-default__content { margin-top: 4px; margin-left: 4px; - border-radius: 8px; + border-radius: 6px; } } @@ -340,7 +341,7 @@ global-footer { .ai-chat-button { width: 44px; height: 44px; - border-radius: 8px; + border-radius: 6px; background-color: @primary-color; color: white; display: flex; @@ -363,23 +364,23 @@ global-footer { /* AI Chat Modal Styles */ :host ::ng-deep .ai-chat-modal { .ant-modal { - border-radius: 12px !important; + border-radius: 6px !important; overflow: hidden !important; } .ant-modal-content { - border-radius: 12px !important; + border-radius: 6px !important; overflow: hidden !important; } .ant-modal-header { - border-radius: 12px 12px 0 0 !important; + border-radius: 6px 6px 0 0 !important; margin: 0 !important; padding: 16px !important; } .ant-modal-body { - border-radius: 0 0 12px 12px !important; + border-radius: 0 0 6px 6px !important; padding: 0 !important; } diff --git a/web-app/src/app/routes/dashboard/dashboard.component.less b/web-app/src/app/routes/dashboard/dashboard.component.less index 8bde1cb456..7fcf40d15d 100644 --- a/web-app/src/app/routes/dashboard/dashboard.component.less +++ b/web-app/src/app/routes/dashboard/dashboard.component.less @@ -146,7 +146,7 @@ } .dashboard-rounded{ - border-radius: 16px !important; + border-radius: 6px !important; } .hoverCard { diff --git a/web-app/src/styles/index.less b/web-app/src/styles/index.less index 23c13d43fb..57763c6b79 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: 8px !important; + border-radius: 6px !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: 8px !important; + border-radius: 6px !important; overflow: hidden !important; } @@ -67,7 +67,7 @@ html { /* Enhanced modal styling */ .ant-modal-content { - border-radius: 8px !important; + border-radius: 6px !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important; } --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
