updated login page

Signed-off-by: Nikhil Nigade <[email protected]>
ElytraApp · Dec 4, 2023 · e8df124 · e8df124
1 parent 07ebede
commit e8df124
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 7 deletions.
diff --git a/_layouts/login.html b/_layouts/login.html
@@ -2,17 +2,26 @@
 <html lang="{{ page.lang | default: site.lang | default: "en-IN" }}">
 {%- include head.html -%}
 <body class="login">
+  <div id="login-contents">
+    <header class="container readable center">
+      <div>
+        <picture>
+          <img src="/assets/images/appicon/[email protected]" srcset="/assets/images/appicon/[email protected] 2x" width="120" height="120"/>
+        </picture>
+      </div>
+    </header>
+    <main >
+      <section class="container readable center">
+        <h4>You can now close this window</h4>
+        <p>Authentication will be further completed by the app</p>
+      </section>
+    </main>
+  </div>
   <script>
     const url = new URL(window.location);
     const code = url.searchParams.get("code")
     const state = url.searchParams.get("state")
 
     window.location.href = `elytra://appleIDAuth?code=${code}&state=${state}`
   </script>
-  <main>
-    <hgroup>
-      <h3>You can now close this window</h3>
-      <p>Authentication will be further completed by the app.</p>
-    </hgroup>
-  </main>
 </body>
diff --git a/_sass/layouts/login.scss b/_sass/layouts/login.scss
@@ -0,0 +1,11 @@
+body.login {
+  #login-contents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    min-height: 100vh;
+    height: 100%;
+  }
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -206,4 +206,5 @@ nav {
 @import "layouts/blog";
 @import "layouts/support";
 @import "layouts/mac";
-@import "layouts/custom";
+@import "layouts/custom";
+@import "layouts/login";