Improve styles

Related #17.
zalmoxisus · Nov 24, 2015 · c6ff506 · c6ff506
1 parent d3e52c5
commit c6ff506
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/src/browser/views/devpanel.jade b/src/browser/views/devpanel.jade
@@ -4,6 +4,7 @@ html
     head
         meta(charset='UTF-8')
     title Redux DevTools
+    include ./includes/style.jade
 
     body
         #root

diff --git a/src/browser/views/includes/style.jade b/src/browser/views/includes/style.jade
@@ -0,0 +1,19 @@
+style.
+  html {
+    min-width: 350px;
+    min-height: 300px;
+  }
+  body {
+    position: fixed;
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+  #root {
+    height: 100%;
+  }
+  #root > div {
+    height: 100%;
+  }
diff --git a/src/browser/views/window.jade b/src/browser/views/window.jade
@@ -4,11 +4,7 @@ html
   head
     meta(charset='UTF-8')
   title Redux DevTools
-  style.
-    #root {
-      min-width: 300px;
-      min-height: 300px;
-    }
+  include ./includes/style.jade
 
   body
     #root
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,6 +4,7 @@ html @@
         head
             meta(charset='UTF-8')
         title Redux DevTools
+        include ./includes/style.jade
         body
             #root
@@ Expand Down @@