diff --git a/src/components/FuncCard.css b/src/components/FuncCard.css
index 2f3fede..0faf46d 100644
--- a/src/components/FuncCard.css
+++ b/src/components/FuncCard.css
@@ -23,4 +23,30 @@
.modal-width {
width: 70%;
+}
+
+.small-btn {
+ height: 25px;
+ width: 25px;
+ position: absolute;
+ top: 183px;
+ left: 11px;
+ opacity: .3;
+}
+
+.small-btn i {
+ position: relative;
+ bottom: 7px;
+ font-size: 18px;
+}
+
+pre {
+ width: 100%;
+ margin-left: 2px;
+}
+
+.results-div {
+ display: flex;
+ width: 340px;
+ margin-left: -20px;
}
\ No newline at end of file
diff --git a/src/components/FuncCard.js b/src/components/FuncCard.js
index 2dceab4..ec38718 100644
--- a/src/components/FuncCard.js
+++ b/src/components/FuncCard.js
@@ -21,6 +21,7 @@ class FuncCard extends Component {
this.handleToggleCode = this.handleToggleCode.bind(this);
this.handleParamsChange = this.handleParamsChange.bind(this);
this.handleRunCode = this.handleRunCode.bind(this);
+ this.handleClearParams = this.handleClearParams.bind(this);
}
componentDidMount() {
@@ -54,6 +55,10 @@ class FuncCard extends Component {
this.setState(prevState => ({showCode: !prevState.showCode}));
}
+ handleClearParams() {
+ this.setState({params: [], result: "", error: ""})
+ }
+
render() {
const {
funcName,
@@ -91,9 +96,17 @@ class FuncCard extends Component {
onParamsChange={this.handleParamsChange}
onSubmit={this.handleParamSubmit}
/>
-
-