fix(UI): Better look and feel

Kitware · May 30, 2017 · e845e3c · e845e3c
1 parent 76af8c3
commit e845e3c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/dropBG.jpg b/src/dropBG.jpg
diff --git a/src/helper.js b/src/helper.js
@@ -1,3 +1,5 @@
+import dropBG from './dropBG.jpg';
+
 const STYLES = {
   fullScreen: {
     position: 'absolute',
@@ -23,7 +25,11 @@ const STYLES = {
     left: '50%',
     top: '50%',
     transform: 'translate(-50%, -50%)',
-    background: 'lightgray',
+    backgroundColor: 'white',
+    backgroundImage: `url(${dropBG})`,
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center',
+    backgroundSize: 'contain',
     borderRadius: '10px',
     width: '300px',
     padding: 'calc(50vh - 2em) calc(50vw - 150px - 1em)',