fix: component style update (#1452)

IDuxFE · Feb 20, 2023 · c07ef31 · c07ef31
1 parent 8ca7a08
commit c07ef31
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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
@@ -35,6 +35,10 @@
       align-items: center;
       justify-content: space-between;
       height: @height-md;
+
+      .@{checkbox-prefix}-input {
+        margin: 0 4px;
+      }
     }
 
     &-tree {