30 lines
652 B
TypeScript
30 lines
652 B
TypeScript
|
import React from "react";
|
||
|
|
import EditorsRouter from "./routes";
|
||
|
|
import Sidebar from "./Sidebar";
|
||
|
|
import WidgetsEditor from "./WidgetsEditor";
|
||
|
|
import styled from "styled-components";
|
||
|
|
|
||
|
|
const Container = styled.div`
|
||
|
|
display: flex;
|
||
|
|
height: calc(100vh - ${props => props.theme.headerHeight});
|
||
|
|
`;
|
||
|
|
|
||
|
|
const EditorContainer = styled.div`
|
||
|
|
position: relative;
|
||
|
|
width: calc(100vw - ${props => props.theme.sidebarWidth});
|
||
|
|
`;
|
||
|
|
|
||
|
|
const MainContainer = () => {
|
||
|
|
return (
|
||
|
|
<Container>
|
||
|
|
<Sidebar />
|
||
|
|
<EditorContainer>
|
||
|
|
<EditorsRouter />
|
||
|
|
<WidgetsEditor />
|
||
|
|
</EditorContainer>
|
||
|
|
</Container>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default MainContainer;
|