diff --git a/components/codeImage.js b/components/codeImage.js
index 4058057..90c4e1d 100644
--- a/components/codeImage.js
+++ b/components/codeImage.js
@@ -3,6 +3,7 @@ import React from 'react'
import { NativeTypes } from 'react-dnd-html5-backend'
import { DropTarget } from 'react-dnd'
import domtoimage from 'dom-to-image'
+import WindowControls from '../components/svg/controls'
const margin = '45px 54px'
@@ -36,6 +37,9 @@ class CodeImage extends React.Component {
@@ -54,14 +58,19 @@ class CodeImage extends React.Component {
align-items: center;
}
+ .window-controls {
+ position: absolute;
+ margin-left: -2px;
+ margin-top: -14px;
+ }
+
.hyper {
border: 1px solid #393939;
border-radius: 5px;
background: black;
- padding: 18px 24px;
+ padding: 26px 18px;
margin: ${margin}
color: white;
-
}
.bw {}
diff --git a/components/svg/controls.js b/components/svg/controls.js
new file mode 100644
index 0000000..cb7d249
--- /dev/null
+++ b/components/svg/controls.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default () => (
+
+)