vertical center auth

alamorre · alamorre · commit ad5440696a82 · 2023-01-11T14:01:30.000-08:00
diff --git a/client-html/css/style.css b/client-html/css/style.css
@@ -8,15 +8,18 @@ body {
 }
 
 .gradient-cover {
-    width: 100%;
-    height: 100%;
+    width: 100vw;
+    height: 100vh;
     background: linear-gradient(75deg, rgb(40,43,54) 0%, rgb(40,43,54) 50%, rgba(40,43,54,0.8) 100%);
+    /* Vertical center */
+    display: table-cell;
+    vertical-align: middle;
 }
 
 .form-card {
     width: 50%;
     max-width: 350px;
-    padding: 17.5% 25%;
+    padding: 0% 25% 0% 25%;
 }
 
 .form-title { 

Original file line number	Diff line number	Diff line change
`@@ -8,15 +8,18 @@ body {`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.gradient-cover {`
`11`		`- width: 100%;`
`12`		`- height: 100%;`
	`11`	`+ width: 100vw;`
	`12`	`+ height: 100vh;`
`13`	`13`	`background: linear-gradient(75deg, rgb(40,43,54) 0%, rgb(40,43,54) 50%, rgba(40,43,54,0.8) 100%);`
	`14`	`+ /* Vertical center */`
	`15`	`+ display: table-cell;`
	`16`	`+ vertical-align: middle;`
`14`	`17`	`}`
`15`	`18`
`16`	`19`	`.form-card {`
`17`	`20`	`width: 50%;`
`18`	`21`	`max-width: 350px;`
`19`		`- padding: 17.5% 25%;`
	`22`	`+ padding: 0% 25% 0% 25%;`
`20`	`23`	`}`
`21`	`24`
`22`	`25`	`.form-title {`