docs(comp:transfer): modify header suffix size of demo

IDuxFE · Feb 21, 2023 · d3a6d9e · d3a6d9e
1 parent e79c7c2
commit d3a6d9e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/components/transfer/demo/CustomHeaderLabelSuffix.vue b/packages/components/transfer/demo/CustomHeaderLabelSuffix.vue
@@ -11,15 +11,17 @@
       <span v-else> Target ({{ data.length }}) </span>
     </template>
     <template #headerSuffix>
-      <IxIcon name="plus" :onClick="handleSuffixClick" />
+      <IxIcon name="plus" size="16px" :onClick="handleSuffixClick" />
     </template>
   </IxTransfer>
 </template>
 
 <script setup lang="ts">
+import type { TransferData } from '@idux/components/transfer'
+
 import { ref } from 'vue'
 
-interface Data {
+interface Data extends TransferData {
   key: number
   value: number
   label: string

diff --git a/packages/components/transfer/style/content.less b/packages/components/transfer/style/content.less
@@ -74,8 +74,7 @@
   }
 
   &-suffix {
-    display: flex;
-    align-items: center;
+    line-height: 1;
     margin-left: auto;
   }
   &-clear-icon + &-suffix,