mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
feat: improve lecture ui design
This commit is contained in:
parent
2fc9d90e9f
commit
81aead7611
4 changed files with 14 additions and 9 deletions
|
|
@ -8,6 +8,7 @@ import ImageBlock from "../Editor/Extensions/Image/ImageBlock";
|
|||
import Youtube from "@tiptap/extension-youtube";
|
||||
import { EditorContentWrapper } from "../Editor/Editor";
|
||||
import VideoBlock from "../Editor/Extensions/Video/VideoBlock";
|
||||
import { styled } from "styled-components";
|
||||
|
||||
interface Editor {
|
||||
content: string;
|
||||
|
|
@ -46,10 +47,16 @@ function Canva(props: Editor) {
|
|||
});
|
||||
|
||||
return (
|
||||
<EditorContentWrapper>
|
||||
<CanvaWrapper>
|
||||
<EditorContent editor={editor} />
|
||||
</EditorContentWrapper>
|
||||
</CanvaWrapper>
|
||||
);
|
||||
}
|
||||
|
||||
const CanvaWrapper = styled.div`
|
||||
padding-top: 20px;
|
||||
width: 1300px;
|
||||
margin: 0 auto;
|
||||
`;
|
||||
|
||||
export default Canva;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue