Add logo on login page

german-zarate · Oct 9, 2020 · abaf273 · abaf273
1 parent f2e735e
commit abaf273
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/pages/login/index.js b/pages/login/index.js
@@ -20,6 +20,7 @@ export default function LoginPage() {
 
   return (
     <div className={styles.container}>
+      <a className={styles.logo}>Shopping</a>
       <div className={styles.content}>
         <div className={styles.switchContainer}>
           <button

diff --git a/pages/login/login.module.scss b/pages/login/login.module.scss
@@ -1,10 +1,19 @@
+@import url("https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap");
+
 .container {
   width: 100%;
   height: 100%;
   min-height: 100vh;
   display: flex;
-  justify-content: center;
-  padding-top: 100px;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 30px;
+
+  .logo {
+    font-family: "Sansita Swashed", cursive;
+    font-size: 32px;
+    margin-bottom: 50px;
+  }
 
   button {
     cursor: pointer;