fix: Select option text and icon are not aligned center #7210

9 months ago · d0a071f2ba
2 changed files with 13 additions and 0 deletions
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@ -558,3 +558,10 @@ const selectedOpts = computed(() => {
  @apply !text-xs;
 }
 </style>
+
+<style lang="scss">
+.ant-select-item-option-content,
+.ant-select-item-option-state {
+  @apply !flex !items-center;
+}
+</style>
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@ -392,3 +392,9 @@ const selectedOpt = computed(() => {
  @apply block;
 }
 </style>
+
+<style lang="scss">
+.ant-select-item-option-content {
+  @apply !flex !items-center;
+}
+</style>