diff --git a/src/assets/styles/components/_query-form.scss b/src/assets/styles/components/_query-form.scss index b9598daa..8e54e203 100644 --- a/src/assets/styles/components/_query-form.scss +++ b/src/assets/styles/components/_query-form.scss @@ -77,11 +77,11 @@ .query-form .el-input-number, .query-form .el-input-number__decrease, .query-form .el-input-number__increase { - border-radius: 12px !important; + border-radius: var(--app-radius-md) !important; } .query-form .el-button { - border-radius: 10px !important; + border-radius: var(--app-radius-md) !important; } html.dark .query-form .el-button--primary { diff --git a/src/assets/styles/components/_search-panel.scss b/src/assets/styles/components/_search-panel.scss index 04806069..2a17b1a0 100644 --- a/src/assets/styles/components/_search-panel.scss +++ b/src/assets/styles/components/_search-panel.scss @@ -6,7 +6,7 @@ height: 28px !important; min-width: 28px !important; padding: 0 !important; - border-radius: 10px !important; + border-radius: var(--app-radius-md) !important; background: var(--app-accent-soft) !important; } diff --git a/src/assets/styles/components/_table-toolbar.scss b/src/assets/styles/components/_table-toolbar.scss index a99e5e22..33534ad6 100644 --- a/src/assets/styles/components/_table-toolbar.scss +++ b/src/assets/styles/components/_table-toolbar.scss @@ -80,5 +80,5 @@ } .table-panel .toolbar-actions .el-button:not(.is-circle):not(.is-link) { - border-radius: 10px !important; + border-radius: var(--app-radius-md) !important; } diff --git a/src/assets/styles/tokens/_theme.scss b/src/assets/styles/tokens/_theme.scss index 36a27145..4562c1fd 100644 --- a/src/assets/styles/tokens/_theme.scss +++ b/src/assets/styles/tokens/_theme.scss @@ -26,8 +26,8 @@ --tags-view-active-border-color: var(--el-color-primary); // --- 应用壳:圆角、阴影、表面、导航、强调色与文案色 --- - --app-radius-sm: calc(var(--app-radius-base) - 8px); - --app-radius-md: calc(var(--app-radius-base) - 4px); + --app-radius-sm: max(0px, calc(var(--app-radius-base) - 8px)); + --app-radius-md: max(0px, calc(var(--app-radius-base) - 4px)); --app-radius-lg: var(--app-radius-base); --app-radius-base: 14px; diff --git a/src/assets/styles/vendors/element-plus/_form.scss b/src/assets/styles/vendors/element-plus/_form.scss index 6173e9a9..e6f8a376 100644 --- a/src/assets/styles/vendors/element-plus/_form.scss +++ b/src/assets/styles/vendors/element-plus/_form.scss @@ -61,7 +61,7 @@ .el-radio-button__inner, .el-checkbox-button__inner { - border-radius: 10px !important; + border-radius: var(--app-radius-md) !important; box-shadow: none !important; } @@ -69,5 +69,5 @@ .el-checkbox-button:first-child .el-checkbox-button__inner, .el-radio-button:last-child .el-radio-button__inner, .el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 10px !important; + border-radius: var(--app-radius-md) !important; }