From 49ccbc1e81c56ecce92cc7d6a992101b9230d41d Mon Sep 17 00:00:00 2001
From: Haydn Ewers <27211+haydn@users.noreply.github.com>
Date: Sat, 22 Oct 2022 10:36:16 +1100
Subject: [PATCH] Improve splash page styles

---
 pages/_app.css.ts   | 6 +++---
 pages/_app.page.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/_app.css.ts b/pages/_app.css.ts
index cb0de80..161bbb6 100644
--- a/pages/_app.css.ts
+++ b/pages/_app.css.ts
@@ -1,4 +1,4 @@
-import { style, globalStyle } from "@vanilla-extract/css";
+import { globalStyle, style } from "@vanilla-extract/css";
 import theme from "../utils/theme.css";
 
 globalStyle(":root", {
@@ -34,8 +34,8 @@ globalStyle("th, td", {
   textAlign: "left",
 });
 
-export const container = style({
+export const splash = style({
   display: "grid",
+  minHeight: "100vh",
   placeContent: "center",
-  height: "100vh"
 });
diff --git a/pages/_app.page.tsx b/pages/_app.page.tsx
index 54d295c..4e60123 100644
--- a/pages/_app.page.tsx
+++ b/pages/_app.page.tsx
@@ -4,7 +4,7 @@ import { useAsync } from "react-use";
 import SettingsForm from "../components/SettingsForm";
 import AppContext, { Context } from "../utils/AppContext";
 import { getIssues } from "../utils/linear";
-import { container } from "./_app.css";
+import { splash } from "./_app.css";
 
 const App = ({ Component, pageProps }: AppProps) => {
   const [context, setContext] = useState<Context | null>(null);
@@ -26,7 +26,7 @@ const App = ({ Component, pageProps }: AppProps) => {
   });
 
   return missingCredentials ? (
-    <div className={container}>
+    <div className={splash}>
       <SettingsForm />
     </div>
   ) : context ? (
-- 
2.51.2