tweak design

This commit is contained in:
Aakansha Doshi
2023-08-25 15:44:22 +05:30
parent 41a0258fe1
commit d1266280cb
2 changed files with 62 additions and 47 deletions

View File

@@ -151,14 +151,25 @@ const MermaidToExcalidraw = ({
return (
<Dialog onCloseRequest={onClose} title="Mermaid to Excalidraw">
<div className="mermaid-to-excalidraw-wrapper">
<div className="mermaid-to-excalidraw-wrapper-text">
<div
className="mermaid-to-excalidraw-wrapper-text"
style={{ display: "flex", flexDirection: "column" }}
>
<label>Describe</label>
<textarea
style={{
padding: "0.85rem",
borderRadius: "8px",
border: "1px solid var(--ImageExportModal-preview-border)",
}}
onChange={(event) => setText(event.target.value)}
value={text}
/>
</div>
<div className="mermaid-to-excalidraw-wrapper-preview">
<div
className="mermaid-to-excalidraw-wrapper-preview"
style={{ display: "flex", flexDirection: "column" }}
>
<label>Preview</label>
<div
className="mermaid-to-excalidraw-wrapper-preview-canvas"