fix(lsg): apply preview styling on webview element

fix #122
meetalva · Dec 21, 2017 · e74debf · e74debf
1 parent 561e4c1
commit e74debf
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/lsg/patterns/panes/preview-pane/index.tsx b/src/lsg/patterns/panes/preview-pane/index.tsx
@@ -11,9 +11,13 @@ const StyledPreviewPane = styled.div`
 	overflow: hidden;
 `;
 
-const PreviewPane: React.StatelessComponent = props => <StyledPreviewPane dangerouslySetInnerHTML={{
-	__html:
-		'<webview id="preview" style="height: 100%;" src="./preview.html" partition="electron" nodeintegration />'
-}} />;
+const PreviewPane: React.StatelessComponent = props => (
+	<StyledPreviewPane
+		dangerouslySetInnerHTML={{
+			__html:
+				'<webview id="preview" style="height: 100%; border-radius: 6px 6px 0 0; overflow: hidden;" src="./preview.html" partition="electron" nodeintegration />'
+		}}
+	/>
+);
 
 export default PreviewPane;