adjusted loader positioning

chasenpse · chasenpse · commit 1bae12671ae7 · 2021-05-29T10:19:46.000-04:00
diff --git a/src/App/Loader/Loader.css b/src/App/Loader/Loader.css
@@ -4,7 +4,10 @@
     grid-gap:2px;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
-    margin:0 auto;
+    position: absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50% -50%);
 }
 
 .box {
@@ -17,7 +20,7 @@
 
 @keyframes pulse {
     100%{
-        opacity:0.2;
+        opacity:0.1;
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,10 @@`
`4`	`4`	`grid-gap:2px;`
`5`	`5`	`grid-template-columns: repeat(2, 1fr);`
`6`	`6`	`grid-template-rows: repeat(2, 1fr);`
`7`		`- margin:0 auto;`
	`7`	`+ position: absolute;`
	`8`	`+ left:50%;`
	`9`	`+ top:50%;`
	`10`	`+ transform: translate(-50% -50%);`
`8`	`11`	`}`
`9`	`12`
`10`	`13`	`.box {`
`@@ -17,7 +20,7 @@`
`17`	`20`
`18`	`21`	`@keyframes pulse {`
`19`	`22`	`100%{`
`20`		`- opacity:0.2;`
	`23`	`+ opacity:0.1;`
`21`	`24`	`}`
`22`	`25`	`}`
`23`	`26`