代码回归

src/UI/Components/CommandInput/CommandInput.tsx

@@ -19,6 +19,7 @@ export class CommandInput extends React.Component<Props, null>
         let store = this.props.commandStore;
         return (
             <div className="command-input-area" style={{ display: "flex" }}>
+                <div style={{ display: "flex", width: "100%", position: "relative" }}>
                     <div className="drag-area" data-id="dragArea" />
                     <Button
                         icon="wrench"
@@ -30,6 +31,7 @@ export class CommandInput extends React.Component<Props, null>
                         minimal={true}
                         small={true}
                     />
+                    <div style={{ position: "absolute", left: 60, bottom: 0, width: `calc( 100% - ${60}px)` }}>
                         <InputHint
                             cmdList={store.cmdList}
                             keyWordList={store.keyWordList}
@@ -38,6 +40,8 @@ export class CommandInput extends React.Component<Props, null>
                             historyCmdList={store.historyCmdList}
                             commandStore={this.props.commandStore}
                         />
+                    </div>
+                </div>
                 <Icon icon="caret-up" onClick={this.props.ShowOutput} />
             </div>
         )

src/UI/Components/commandLineInput/InputHint.tsx

@@ -253,7 +253,7 @@ export class InputHint extends React.Component<InputHintProps, InputHitState>
     public render()
     {
         return (
-            <div id="input-hint" style={{ flex: "1" }}>
+            <div id="input-hint" >
                 <div className="input" style={{ display: "flex", alignItems: "center" }}>
                     <ul className="recommend-command">
                         {