Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tweak design to remove scroll bar

Browse Source
This commit is contained in:
Aakansha Doshi 2023-08-30 13:57:49 +05:30
parent e4e2e044af
commit b1bd94c377
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MermaidToExcalidraw.scss
View File

@ -19,7 +19,7 @@
textarea { textarea {
width: 20rem; width: 20rem;
height: 22rem; height: 19rem;
resize: none; resize: none;
border-radius: 8px; border-radius: 8px;
padding: 1rem; padding: 1rem;
@ -33,7 +33,7 @@
padding: 0.85rem; padding: 0.85rem;
width: 20rem; width: 20rem;
height: 22rem; height: 19rem;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==")
left center; left center;
border-radius: 8px; border-radius: 8px;

13
src/components/MermaidToExcalidraw.tsx
View File

@ -146,12 +146,9 @@ const MermaidToExcalidraw = ({
const maxWidth = parent.offsetWidth; const maxWidth = parent.offsetWidth;
const maxHeight = parent.offsetHeight; const maxHeight = parent.offsetHeight;
let dimension = Math.max(maxWidth, maxHeight); let dimension = Math.max(maxWidth, maxHeight);
if (dimension > parent.offsetWidth) { dimension = Math.min(dimension, parent.offsetWidth - 10);
dimension = parent.offsetWidth - 10; dimension = Math.min(dimension, parent.offsetHeight - 10);
}
if (dimension > parent.offsetHeight) {
dimension = parent.offsetHeight;
}
exportToCanvas({ exportToCanvas({
elements: data.current.elements, elements: data.current.elements,
files: data.current.files, files: data.current.files,
@ -194,7 +191,9 @@ const MermaidToExcalidraw = ({
onCloseRequest={onClose} onCloseRequest={onClose}
title={ title={
<> <>
<p style={{ marginBottom: "5px" }}>Mermaid to Excalidraw</p> <p style={{ marginBottom: "5px", marginTop: "2px" }}>
Mermaid to Excalidraw
</p>
<span <span
style={{ fontSize: "15px", fontStyle: "italic", fontWeight: 500 }} style={{ fontSize: "15px", fontStyle: "italic", fontWeight: 500 }}
> >