From 842e73fe958c2e5d8e3f05e6d236627a2bfb63b8 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Wed, 13 Nov 2019 12:19:14 +0200
Subject: [PATCH] use font-family
---
.../src/layouts/EditoriaLayout.js | 20 +++++++++++--------
1 file changed, 12 insertions(+), 8 deletions(-)
diff --git a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
index 033566705..829765b03 100644
--- a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
+++ b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
@@ -1,7 +1,8 @@
-import styled from "styled-components";
+import styled, { ThemeProvider } from "styled-components";
import React, { Fragment } from "react";
import { MainMenuBar, SideMenuBar } from "wax-prosemirror-components";
import EditorElements from "./EditorElements";
+import { cokoTheme } from "wax-prosemirror-themes";
const LayoutWrapper = styled.div`
display: flex;
@@ -33,6 +34,7 @@ const WaxSurfaceScroll = styled.div`
width: 65%;
min-height: 90%;
padding: 40px;
+ font-family: ${props => props.theme.fontReading};
&:focus {
outline: none;
}
@@ -41,13 +43,15 @@ const WaxSurfaceScroll = styled.div`
`;
const EditoriaLayout = ({ editor, view, ...props }) => (
- <LayoutWrapper>
- <MainMenuBar view={view} {...props} />
- <WaxSurfaceContainer>
- <SideMenuBar view={view} {...props} />
- <WaxSurfaceScroll>{editor}</WaxSurfaceScroll>
- </WaxSurfaceContainer>
- </LayoutWrapper>
+ <ThemeProvider theme={cokoTheme}>
+ <LayoutWrapper>
+ <MainMenuBar view={view} {...props} />
+ <WaxSurfaceContainer>
+ <SideMenuBar view={view} {...props} />
+ <WaxSurfaceScroll>{editor}</WaxSurfaceScroll>
+ </WaxSurfaceContainer>
+ </LayoutWrapper>
+ </ThemeProvider>
);
export default EditoriaLayout;
--
GitLab