add back button

bukinoshita · Feb 13, 2018 · 5fca8b1 · 5fca8b1
1 parent e9d0f69
commit 5fca8b1
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/renderer/pages/login.js b/renderer/pages/login.js
@@ -2,6 +2,7 @@
 
 // Packages
 import { Component } from 'react'
+import Link from 'next/link'
 
 // Layouts
 import Page from './../layouts/page'
@@ -60,6 +61,10 @@ class Login extends Component {
     return (
       <Page>
         <Row>
+          <Link prefetch href="/onboard">
+            <span className="back">Back</span>
+          </Link>
+
           <section>
             <h1>
               Welcome to <span>Taskr</span>
@@ -120,6 +125,23 @@ class Login extends Component {
             flex-direction: column;
             justify-content: space-between;
           }
+
+          .back {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            color: ${colors.romanSilver};
+            font-size: ${typography.f10};
+            text-transform: uppercase;
+            display: inline-block;
+            z-index: 1;
+            transition: 0.2s;
+            cursor: pointer;
+          }
+
+          .back:hover {
+            color: ${colors.white};
+          }
         `}</style>
       </Page>
     )

diff --git a/renderer/pages/signup.js b/renderer/pages/signup.js
@@ -2,6 +2,7 @@
 
 // Packages
 import { Component } from 'react'
+import Link from 'next/link'
 
 // Layouts
 import Page from './../layouts/page'
@@ -63,6 +64,10 @@ class Signup extends Component {
     return (
       <Page>
         <Row>
+          <Link prefetch href="/onboard">
+            <span className="back">Back</span>
+          </Link>
+
           <section>
             <h1>
               Welcome to <span>Taskr</span>
@@ -135,6 +140,23 @@ class Signup extends Component {
             flex-direction: column;
             justify-content: space-between;
           }
+
+          .back {
+            position: absolute;
+            top: 15px;
+            right: 15px;
+            color: ${colors.romanSilver};
+            font-size: ${typography.f10};
+            text-transform: uppercase;
+            display: inline-block;
+            z-index: 1;
+            transition: 0.2s;
+            cursor: pointer;
+          }
+
+          .back:hover {
+            color: ${colors.white};
+          }
         `}</style>
       </Page>
     )