From 0c44acc307ba14529cb3ca100c8c2c6f05198a42 Mon Sep 17 00:00:00 2001
From: ryan <dev@ryanmoon.com>
Date: Wed, 12 Feb 2025 20:55:19 -0500
Subject: [PATCH] update login

---
 assets/style/pages/auth/login.css |  7 ++--
 components/auth/Banner.vue        |  6 ++--
 pages/login.vue                   | 58 +++++++++++++++----------------
 3 files changed, 34 insertions(+), 37 deletions(-)

diff --git a/assets/style/pages/auth/login.css b/assets/style/pages/auth/login.css
index 84667c8..4c9bd5a 100644
--- a/assets/style/pages/auth/login.css
+++ b/assets/style/pages/auth/login.css
@@ -42,11 +42,10 @@
   
       .logo {
         display: block;
-        width: 8rem;
-        margin: .5rem 0;
+        margin: .75rem .5rem;
   
-        img {
-          max-width: 100%;
+        span {
+          font-size: 2rem;
         }
       }
   
diff --git a/components/auth/Banner.vue b/components/auth/Banner.vue
index 72386a0..ce42a91 100644
--- a/components/auth/Banner.vue
+++ b/components/auth/Banner.vue
@@ -44,9 +44,9 @@
 
 <template>
   <div class="banner">
-    <NuxtLink to="/" class="logo" >
-      <img src="/img/logo.svg" alt="tinysites" />
-    </NuxtLink>
+      <NuxtLink class="logo" to="/">
+        <span class="icon-tinysites"></span>
+      </NuxtLink>
     <div class="bottom">
       <p class="copy"><span class="icon-copyright"></span> Inspin Digital LLC. All Rights Reserved.</p>
     </div>
diff --git a/pages/login.vue b/pages/login.vue
index 4d10843..6a8dd42 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -4,14 +4,13 @@
     meta: [
       { 
         name: 'description', 
-        content: `Sign into your Tinysites account. Effortlessly design, edit, and launch your website with Tinysites.` 
+        content: `Sign into your Tinysites account. Effortlessly design, edit, and launch one-page websites with Tinysites.` 
       },      
     ],
   })
 
   definePageMeta({
     layout: 'main',
-    middleware: ["dashboard"]
   })
 
   const credentials = reactive({
@@ -48,38 +47,37 @@
 <template>
   <div class="auth">
 
-      <div class="login modal">
+    <div class="login modal">
 
-        <AuthBanner />
+      <AuthBanner />
 
-        <div class="form-container">
-          <div class="form">
-            <h3>Sign in to your account</h3>
-            <h4 class="policy">By continuing, you agree to our <NuxtLink to="/docs/terms">Terms of 
-              use</NuxtLink> and <NuxtLink to="/docs/privacy">Privacy policy</NuxtLink>.</h4>
+      <div class="form-container">
+        <div class="form">
+          <h3>Sign in to your account</h3>
+          <h4 class="policy">By continuing, you agree to our <NuxtLink to="/docs/terms">Terms of 
+            use</NuxtLink> and <NuxtLink to="/docs/privacy">Privacy policy</NuxtLink>.</h4>
 
-            <p class="error"></p>
-        
-            <form :state="credentials" @submit.prevent="attemptLogin">
-              <div class="input border">
-                <label>Email address</label>
-                <input v-model="credentials.email" name="email" type="email" placeholder="Your email address" required="true" />
-              </div>
-  
-              <div class="input border">
-                <label>Password</label>
-                <input v-model="credentials.password" name="password" type="password" placeholder="********" required="true" />
-              </div>
-        
-              <button type="submit">Sign in</button>
-            </form>
-        
-            <p class="newbie">Don&apos;t have an account? <NuxtLink to="/register">Create account</NuxtLink></p>
-            <p class="reset">Forgot password? <NuxtLink to="/reset">Reset password</NuxtLink></p>
-          </div>
+          <p class="error"></p>
+      
+          <form :state="credentials" @submit.prevent="attemptLogin">
+            <div class="input border">
+              <label>Email address</label>
+              <input v-model="credentials.email" name="email" type="email" placeholder="Your email address" required="true" />
+            </div>
+
+            <div class="input border">
+              <label>Password</label>
+              <input v-model="credentials.password" name="password" type="password" placeholder="********" required="true" />
+            </div>
+      
+            <button type="submit">Sign in</button>
+          </form>
+      
+          <p class="newbie">Don&apos;t have an account? <NuxtLink to="/register">Create account</NuxtLink></p>
+          <p class="reset">Forgot password? <NuxtLink to="/reset">Reset password</NuxtLink></p>
         </div>
-        
       </div>
-
+      
+    </div>
   </div>
 </template>
\ No newline at end of file