From 5ff1429c34daeef660e8b918ba620366e0479248 Mon Sep 17 00:00:00 2001 From: Ryan Su Date: Mon, 22 Jan 2024 23:12:13 +0800 Subject: [PATCH] fix: change border radius to 6px --- src/components/Application/src/search/AppSearchFooter.vue | 2 +- src/components/Container/src/collapse/CollapseContainer.vue | 2 +- src/components/SimpleMenu/src/index.less | 2 +- src/components/Table/src/BasicTable.vue | 4 ++-- src/components/Table/src/components/TableImg.vue | 3 ++- src/components/Table/src/components/editable/EditableCell.vue | 2 +- src/design/public.less | 2 +- src/layouts/default/setting/components/ThemeColorPicker.vue | 2 +- 8 files changed, 10 insertions(+), 9 deletions(-) diff --git a/src/components/Application/src/search/AppSearchFooter.vue b/src/components/Application/src/search/AppSearchFooter.vue index e2f5d13a0..712cbb28e 100644 --- a/src/components/Application/src/search/AppSearchFooter.vue +++ b/src/components/Application/src/search/AppSearchFooter.vue @@ -42,7 +42,7 @@ height: 18px; margin-right: 0.4em; padding-bottom: 2px; - border-radius: 2px; + border-radius: 6px; background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8); &:nth-child(2), diff --git a/src/components/Container/src/collapse/CollapseContainer.vue b/src/components/Container/src/collapse/CollapseContainer.vue index c9128b0da..234dbf368 100644 --- a/src/components/Container/src/collapse/CollapseContainer.vue +++ b/src/components/Container/src/collapse/CollapseContainer.vue @@ -92,7 +92,7 @@ .@{prefix-cls} { transition: all 0.3s ease-in-out; - border-radius: 2px; + border-radius: 6px; background-color: @component-background; &__header { diff --git a/src/components/SimpleMenu/src/index.less b/src/components/SimpleMenu/src/index.less index 74fe82b74..d3002cf6d 100644 --- a/src/components/SimpleMenu/src/index.less +++ b/src/components/SimpleMenu/src/index.less @@ -40,7 +40,7 @@ right: 30px; margin-right: 4px; padding: 2px 3px; - border-radius: 2px; + border-radius: 6px; color: #fff; font-size: 10px; line-height: 14px; diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue index 71aa2c3ec..d8fda1cd1 100644 --- a/src/components/Table/src/BasicTable.vue +++ b/src/components/Table/src/BasicTable.vue @@ -384,7 +384,7 @@ export default defineComponent({ width: 100%; margin-bottom: 16px; padding: 12px 10px 6px; - border-radius: 2px; + border-radius: 6px; background-color: @component-background; } } @@ -397,7 +397,7 @@ export default defineComponent({ .ant-table-wrapper { padding: 6px; - border-radius: 2px; + border-radius: 6px; background-color: @component-background; .ant-table-title { diff --git a/src/components/Table/src/components/TableImg.vue b/src/components/Table/src/components/TableImg.vue index c02768c68..3ff578bec 100644 --- a/src/components/Table/src/components/TableImg.vue +++ b/src/components/Table/src/components/TableImg.vue @@ -80,12 +80,13 @@ cursor: zoom-in; img { - border-radius: 2px; + border-radius: 6px; } } .img-div { display: inline-grid; + > .ant-image:nth-of-type(n + 2) { display: none; } diff --git a/src/components/Table/src/components/editable/EditableCell.vue b/src/components/Table/src/components/editable/EditableCell.vue index bf7936abe..ae06d681b 100644 --- a/src/components/Table/src/components/editable/EditableCell.vue +++ b/src/components/Table/src/components/editable/EditableCell.vue @@ -477,7 +477,7 @@ .ant-popover-inner-content { padding: 4px 8px; // border: 1px solid @error-color; - border-radius: 2px; + border-radius: 6px; color: @error-color; } } diff --git a/src/design/public.less b/src/design/public.less index b8b399130..20165e49f 100644 --- a/src/design/public.less +++ b/src/design/public.less @@ -22,7 +22,7 @@ ::-webkit-scrollbar-thumb { // background-color: rgba(144, 147, 153, 0.3); - border-radius: 2px; + border-radius: 6px; // background: rgba(0, 0, 0, 0.6); background-color: rgb(144 147 153 / 30%); box-shadow: inset 0 0 6px rgb(0 0 0 / 20%); diff --git a/src/layouts/default/setting/components/ThemeColorPicker.vue b/src/layouts/default/setting/components/ThemeColorPicker.vue index 95c73a0fe..40227521b 100644 --- a/src/layouts/default/setting/components/ThemeColorPicker.vue +++ b/src/layouts/default/setting/components/ThemeColorPicker.vue @@ -66,7 +66,7 @@ width: 20px; height: 20px; border: 1px solid #ddd; - border-radius: 2px; + border-radius: 6px; cursor: pointer; svg {