25eeada92c
* Change placeholder color and design fixes for show page / sidebar * Replace hardcoded border radiuses * Improve border display for middle of button group * Editor styling * Editor font size * Comment Bar positioning and remove scrollbar for 1px * Add Comments section title * Nit: match css style --------- Co-authored-by: Emilien <emilien.chauvet.enpc@gmail.com>
29 lines
677 B
TypeScript
29 lines
677 B
TypeScript
import { BlockNoteEditor } from '@blocknote/core';
|
|
import { BlockNoteView } from '@blocknote/react';
|
|
import styled from '@emotion/styled';
|
|
|
|
interface BlockEditorProps {
|
|
editor: BlockNoteEditor | null;
|
|
}
|
|
|
|
const StyledEditor = styled.div`
|
|
min-height: 200px;
|
|
width: 100%;
|
|
& .editor {
|
|
background: ${({ theme }) => theme.background.primary};
|
|
font-size: 13px;
|
|
}
|
|
& .editor [class^='_inlineContent']:before {
|
|
color: ${({ theme }) => theme.font.color.tertiary};
|
|
font-style: normal !important;
|
|
}
|
|
`;
|
|
|
|
export function BlockEditor({ editor }: BlockEditorProps) {
|
|
return (
|
|
<StyledEditor>
|
|
<BlockNoteView editor={editor} />
|
|
</StyledEditor>
|
|
);
|
|
}
|