diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index 7d9c703132..79bd9f9e00 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -225,6 +225,10 @@ a { @apply !rounded-md; } } +// select dropdown border style +.ant-select-dropdown { + @apply border-1 border-gray-200 +} // menu item styling .nc-menu-item { @@ -426,7 +430,10 @@ a { .ant-dropdown-menu-submenu { @apply !py-0; - + + &.ant-dropdown-menu-submenu-popup{ + @apply border-1 border-gray-200 + } .ant-dropdown-menu, .ant-menu { @apply m-0 p-0; diff --git a/packages/nc-gui/components/api-client/Headers.vue b/packages/nc-gui/components/api-client/Headers.vue index 4d76134580..361cd3f969 100644 --- a/packages/nc-gui/components/api-client/Headers.vue +++ b/packages/nc-gui/components/api-client/Headers.vue @@ -91,6 +91,7 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase :options="headerList" :placeholder="$t('placeholder.key')" :filter-option="filterOption" + dropdown-class-name="border-1 border-gray-200" /> diff --git a/packages/nc-gui/components/cell/DatePicker.vue b/packages/nc-gui/components/cell/DatePicker.vue index 821981ff2e..82e08d95b0 100644 --- a/packages/nc-gui/components/cell/DatePicker.vue +++ b/packages/nc-gui/components/cell/DatePicker.vue @@ -1,5 +1,6 @@