Fix size of GraphiQL to fill screen

leebyron · leebyron · commit de5cdf3d8fc6 · 2016-02-03T11:23:57.000-08:00
diff --git a/src/renderGraphiQL.js b/src/renderGraphiQL.js
@@ -39,6 +39,14 @@ add "&raw" to the end of the URL within a browser.
 <!DOCTYPE html>
 <html>
 <head>
+  <style>
+    html, body {
+      height: 100%;
+      margin: 0;
+      overflow: hidden;
+      width: 100%;
+    }
+  </style>
   <link href="//cdn.jsdelivr.net/graphiql/${GRAPHIQL_VERSION}/graphiql.css" rel="stylesheet" />
   <script src="//cdn.jsdelivr.net/fetch/0.9.0/fetch.min.js"></script>
   <script src="//cdn.jsdelivr.net/react/0.14.7/react.min.js"></script>
