fix/css for grid

gamer-ai · Mar 10, 2024 · 25b5253 · 25b5253
1 parent 45d1623
commit 25b5253
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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%;