diff --git a/src/Element/Modal.tsx b/src/Element/Modal.tsx
index 0fefb877..9ae75573 100644
--- a/src/Element/Modal.tsx
+++ b/src/Element/Modal.tsx
@@ -3,12 +3,14 @@ import { useEffect } from "react"
import * as React from "react";
export interface ModalProps {
+ className?: string
onClose?: () => void,
children: React.ReactNode
}
export default function Modal(props: ModalProps) {
const onClose = props.onClose || (() => { });
+ const className = props.className || ''
useEffect(() => {
document.body.classList.add("scroll-lock");
@@ -16,7 +18,7 @@ export default function Modal(props: ModalProps) {
}, []);
return (
-
{ e.stopPropagation(); onClose(); }}>
+
{ e.stopPropagation(); onClose(); }}>
{props.children}
diff --git a/src/Element/NoteCreator.css b/src/Element/NoteCreator.css
index b3f675f0..e23ef17d 100644
--- a/src/Element/NoteCreator.css
+++ b/src/Element/NoteCreator.css
@@ -76,3 +76,12 @@
right: 25vw;
}
}
+
+@media (max-width: 720px) {
+ .note-creator-modal {
+ align-items: flex-start;
+ }
+ .note-creator-modal .modal-body {
+ margin-top: 20vh;
+ }
+}
diff --git a/src/Element/NoteCreator.tsx b/src/Element/NoteCreator.tsx
index 48acc69f..41f51fc3 100644
--- a/src/Element/NoteCreator.tsx
+++ b/src/Element/NoteCreator.tsx
@@ -90,7 +90,7 @@ export function NoteCreator(props: NoteCreatorProps) {
{show && (
-
+