diff --git a/frontend/src/components/RichTextEditor/EditorLinkDialog/DialogStyles.js b/frontend/src/components/RichTextEditor/EditorLinkDialog/DialogStyles.js new file mode 100644 index 00000000..31beddb6 --- /dev/null +++ b/frontend/src/components/RichTextEditor/EditorLinkDialog/DialogStyles.js @@ -0,0 +1,18 @@ +export const dialogStyles = { + paper: { + padding: 2, + borderRadius: "4px", + }, + title: { + padding: 0, + }, + content: { + padding: 0, + paddingBottom: 2, + overflow: "hidden", + }, + actions: { + paddingBottom: 0, + paddingRight: 0, + }, +}; diff --git a/frontend/src/components/RichTextEditor/EditorLinkDialog/LinkDialog.jsx b/frontend/src/components/RichTextEditor/EditorLinkDialog/LinkDialog.jsx index ba2240e0..e13067be 100644 --- a/frontend/src/components/RichTextEditor/EditorLinkDialog/LinkDialog.jsx +++ b/frontend/src/components/RichTextEditor/EditorLinkDialog/LinkDialog.jsx @@ -7,6 +7,7 @@ import { } from "@mui/material"; import Button from "../../Button/Button"; import CustomTextField from "../../TextFieldComponents/CustomTextField/CustomTextField"; +import { dialogStyles } from "./DialogStyles"; const LinkDialog = ({ open, @@ -18,9 +19,17 @@ const LinkDialog = ({ handleOpenLink = () => {}, }) => { return ( - - {isLinkActive ? "Edit Link" : "Add Link"} - + + + {isLinkActive ? "Edit link" : "Add link"} + + setUrl(e.target.value)} /> - + {isLinkActive && ( );