logic implemented

parham-ab · parham-ab · commit 51858ec9f173 · 2023-01-02T16:24:52.000+03:30
diff --git a/src/components/MarkdownGenerator/Text.js b/src/components/MarkdownGenerator/Text.js
@@ -6,15 +6,23 @@ const Text = () => {
   const [inputVal, setInputVal] = useState("");
 
   return (
-    <Grid container>
+    <Grid container display="flex" justifyContent="space-around">
       <Grid item>
         <textarea
           name="markdownInput"
           value={inputVal}
           onChange={(e) => setInputVal(e.target.value)}
+          style={{ width: "400px", height: "600px" }}
         />
       </Grid>
-      <Grid item>
+      <Grid
+        item
+        sx={{
+          width: "400px",
+          height: "600px",
+          lineBreak: "anywhere",
+        }}
+      >
         <Html children={inputVal} />
       </Grid>
     </Grid>
