From 25b52534f4f73ce61850d0ec9d34b4da4fb94ebb Mon Sep 17 00:00:00 2001
From: MUYANGGUO <muyangguo@gmail.com>
Date: Sun, 10 Mar 2024 15:26:08 -0700
Subject: [PATCH] fix/css for grid

---
 src/App.js          | 1 -
 src/style/global.js | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index a8c4df8..d5c2f3f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -178,7 +178,6 @@ function App() {
         <DynamicBackground theme={theme}></DynamicBackground>
         <div className="canvas">
           <GlobalStyles />
-          <div></div>
           <Logo isFocusedMode={isFocusedMode} isMusicMode={isMusicMode}></Logo>
           {isWordGameMode && (
             <TypeBox
diff --git a/src/style/global.js b/src/style/global.js
index 8143fbc..1dbd7a9 100644
--- a/src/style/global.js
+++ b/src/style/global.js
@@ -24,14 +24,14 @@ export const GlobalStyles = createGlobalStyle`
   .canvas {
       align-items: center;
       display: grid;
-      gap: 0.5rem;
+      gap: 1rem;
       grid-auto-flow: row;
       grid-template-rows: auto 1fr auto;
-      height: 100vh;
-      padding: 1rem;
-      transition: padding-top .125s;
+      min-height: 100vh;
       width: 100vw;
       z-index: 1;
+      padding: 1rem;
+      transition: padding-top .125s;
   }
   .dynamicBackground {
     heigh: 100%;