fix: #130 input with btn icon

DTStack · Dec 17, 2024 · 3ff557c · 3ff557c
1 parent 5dc60b1
commit 3ff557c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/components/input/demo/unit-input.md b/components/input/demo/unit-input.md
@@ -15,6 +15,7 @@ unit input example.
 
 ```jsx
 import { Input } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
 
 ReactDOM.render(
   <div>
@@ -24,6 +25,12 @@ ReactDOM.render(
     <div style={{ marginTop: '16px'}}>
         <Input addonBefore="¥" placeholder="小数保留后两位"/>
     </div>
+    <div style={{ marginTop: '16px'}}>
+        <Input addonAfter={<SettingOutlined />} defaultValue="mysite" />
+    </div>
+    <div style={{ marginTop: '16px'}}>
+        <Input addonBefore="http://" suffix=".com" defaultValue="mysite" />
+    </div>
   </div>,
   mountNode
 );

diff --git a/theme/dt-theme/default/input.less b/theme/dt-theme/default/input.less
@@ -76,11 +76,13 @@
     }
 }
 
-.ant-btn-icon-only {
-    width: 32px;
-    background: none;
-    .anticon-search {
-        margin-left: 9px;
+.ant-input-group-addon {
+    .ant-btn-icon-only {
+        width: 32px;
+        background: none;
+        .anticon-search {
+            margin-left: 9px;
+        }
     }
 }