Merge pull request #187 from AgainIoT/feature/164

Update : put the markdown preview in the middle #164
AgainIoT · Oct 28, 2023 · 89d5aa4 · 89d5aa4
2 parents d6424ef + 756b347
commit 89d5aa4
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/common/MarkdownPreview.js b/src/components/common/MarkdownPreview.js
@@ -13,7 +13,7 @@ const MarkdownPreview = (props) => {
   return (
     <StMarkdownPreview>
       <MDEditor
-        height={"100%"}
+        height={"60vh"}
         value={contentValue}
         onChange={setContentValue}
       />
@@ -22,7 +22,10 @@ const MarkdownPreview = (props) => {
 };
 
 const StMarkdownPreview = styled.div`
-  height: 60vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
 `;
 
 export default MarkdownPreview;