Graphql: Add missing css for index

Platform-OS · Oct 10, 2023 · 8f771cb · 8f771cb
1 parent 02964bb
commit 8f771cb
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/gui/graphql/public/main.css b/gui/graphql/public/main.css
diff --git a/gui/graphql/src/index.css b/gui/graphql/src/index.css
@@ -0,0 +1,21 @@
+body {
+  height: 100%;
+  margin: 0;
+  width: 100%;
+  overflow: hidden;
+}
+
+#graphiql {
+  height: calc(100vh - 1.5rem);
+}
+
+#status-bar {
+  background-color: #f7f7f7;
+  font-family: monospace;
+  padding: .25rem 1rem;
+  font-size: 1rem;
+}
+
+.docExplorerWrap {
+  max-width: 450px;
+}
diff --git a/gui/graphql/src/index.jsx b/gui/graphql/src/index.jsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import { createRoot } from 'react-dom/client';
 import React from "react";
 import "graphiql/graphiql.css";
+import './index.css'
 // import { explorerPlugin } from '@graphiql/plugin-explorer';
 // import '@graphiql/plugin-explorer/dist/style.css';