代码回归

src/UI/Components/CommandInput/CommandInput.tsx

@@ -19,25 +19,29 @@ export class CommandInput extends React.Component<Props, null>
         let store = this.props.commandStore;
         return (
             <div className="command-input-area" style={{ display: "flex" }}>
-                <div className="drag-area" data-id="dragArea" />
-                <Button
-                    icon="wrench"
-                    minimal={true}
-                    small={true}
-                />
-                <Button
-                    icon={true ? "maximize" : "minimize"}
-                    minimal={true}
-                    small={true}
-                />
-                <InputHint
-                    cmdList={store.cmdList}
-                    keyWordList={store.keyWordList}
-                    cmdPrompt={store.commandPrompt}
-                    handleInputCallback={store.HandleInput}
-                    historyCmdList={store.historyCmdList}
-                    commandStore={this.props.commandStore}
-                />
+                <div style={{ display: "flex", width: "100%", position: "relative" }}>
+                    <div className="drag-area" data-id="dragArea" />
+                    <Button
+                        icon="wrench"
+                        minimal={true}
+                        small={true}
+                    />
+                    <Button
+                        icon={true ? "maximize" : "minimize"}
+                        minimal={true}
+                        small={true}
+                    />
+                    <div style={{ position: "absolute", left: 60, bottom: 0, width: `calc( 100% - ${60}px)` }}>
+                        <InputHint
+                            cmdList={store.cmdList}
+                            keyWordList={store.keyWordList}
+                            cmdPrompt={store.commandPrompt}
+                            handleInputCallback={store.HandleInput}
+                            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">
                         {