diff --git a/frontend/src/deprecated/components/Editor/EditorHeader.tsx b/frontend/src/deprecated/components/Editor/EditorHeader.tsx index a2598cea..db708ef4 100644 --- a/frontend/src/deprecated/components/Editor/EditorHeader.tsx +++ b/frontend/src/deprecated/components/Editor/EditorHeader.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import Button from '@mui/material/Button'; const Container = styled.div` - height: 50px; + height: 65px; background: #A09FE3; width: 100%; ` @@ -16,7 +16,7 @@ const HeaderFlex = styled.div` display: flex; flex-direction: row; flex-wrap: nowrap; -justify-content: space-between; +justify-content: flex-end; align-items: center; padding: 0.3rem 0.5rem; ` @@ -39,10 +39,11 @@ const ButtonStyle = styled(Button)` ` /* Preview and text to be changed into a dropdown menu */ -const EditorHeader: React.FC = () => { +const EditorHeader: React.FC = (props) => { return ( + {props.children} {/* ← diff --git a/frontend/src/packages/editor/index.tsx b/frontend/src/packages/editor/index.tsx index 36cee200..793ee0ca 100644 --- a/frontend/src/packages/editor/index.tsx +++ b/frontend/src/packages/editor/index.tsx @@ -82,14 +82,15 @@ const EditorPage: FC = () => { return (
- + + syncDocument()} /> + publishDocument(id ?? "")} /> + {blocks.map((block, idx) => createBlock(block, idx, focusedId === idx))} - syncDocument()} /> - publishDocument(id ?? "")} />