From c07ef312795834867d658703842a02244456328a Mon Sep 17 00:00:00 2001
From: danranVm <danranvm@gmail.com>
Date: Mon, 20 Feb 2023 11:49:32 +0800
Subject: [PATCH] fix: component style update (#1452)

---
 packages/components/input/demo/Addon.vue    | 4 ++--
 packages/components/select/style/index.less | 2 +-
 packages/pro/table/style/index.less         | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/components/input/demo/Addon.vue b/packages/components/input/demo/Addon.vue
index 19e6884b9..30ef68887 100644
--- a/packages/components/input/demo/Addon.vue
+++ b/packages/components/input/demo/Addon.vue
@@ -3,13 +3,13 @@
     <IxInput v-model:value="value" :addonBefore="addonBefore" :addonAfter="addonAfter" />
     <IxInput v-model:value="value">
       <template #addonBefore>
-        <IxSelect v-model:value="addonBefore" style="width: 80px">
+        <IxSelect v-model:value="addonBefore" style="width: 88px">
           <IxSelectOption key="https" label="https://"></IxSelectOption>
           <IxSelectOption key="http" label="http://"></IxSelectOption>
         </IxSelect>
       </template>
       <template #addonAfter>
-        <IxSelect v-model:value="addonAfter" style="width: 60px">
+        <IxSelect v-model:value="addonAfter" style="width: 72px">
           <IxSelectOption key="com" label=".com"></IxSelectOption>
           <IxSelectOption key="cn" label=".cn"></IxSelectOption>
         </IxSelect>
diff --git a/packages/components/select/style/index.less b/packages/components/select/style/index.less
index 8c76026ca..ed3b0ecc4 100644
--- a/packages/components/select/style/index.less
+++ b/packages/components/select/style/index.less
@@ -35,7 +35,7 @@
 
   &-option-group {
     .reset-component();
-    .select-option(@select-option-font-size - 2px, @select-option-group-color);
+    .select-option(var(--ix-font-size-sm), @select-option-group-color);
 
     display: block;
     margin: @select-option-group-margin;
diff --git a/packages/pro/table/style/index.less b/packages/pro/table/style/index.less
index 5bf61f327..d26a25a80 100644
--- a/packages/pro/table/style/index.less
+++ b/packages/pro/table/style/index.less
@@ -35,6 +35,10 @@
       align-items: center;
       justify-content: space-between;
       height: @height-md;
+
+      .@{checkbox-prefix}-input {
+        margin: 0 4px;
+      }
     }
 
     &-tree {