tinysites
/
cs2.tinysites.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update login

main
Ryan 2025-02-12 20:55:19 -05:00
parent 6b2dfaa149
commit 0c44acc307
3 changed files with 34 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/style/pages/auth/login.css
View File

@ -42,11 +42,10 @@
.logo { .logo {
display: block; display: block;
width: 8rem; margin: .75rem .5rem;
margin: .5rem 0;
img { span {
max-width: 100%; font-size: 2rem;
} }
} }

6
components/auth/Banner.vue
View File

@ -44,9 +44,9 @@
<template> <template>
<div class="banner"> <div class="banner">
<NuxtLink to="/" class="logo" > <NuxtLink class="logo" to="/">
<img src="/img/logo.svg" alt="tinysites" /> <span class="icon-tinysites"></span>
</NuxtLink> </NuxtLink>
<div class="bottom"> <div class="bottom">
<p class="copy"><span class="icon-copyright"></span> Inspin Digital LLC. All Rights Reserved.</p> <p class="copy"><span class="icon-copyright"></span> Inspin Digital LLC. All Rights Reserved.</p>
</div> </div>

48
pages/login.vue
View File

@ -4,14 +4,13 @@
meta: [ meta: [
{ {
name: 'description', 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({ definePageMeta({
layout: 'main', layout: 'main',
middleware: ["dashboard"]
}) })
const credentials = reactive({ const credentials = reactive({
@ -48,38 +47,37 @@
<template> <template>
<div class="auth"> <div class="auth">
<div class="login modal"> <div class="login modal">
<AuthBanner /> <AuthBanner />
<div class="form-container"> <div class="form-container">
<div class="form"> <div class="form">
<h3>Sign in to your account</h3> <h3>Sign in to your account</h3>
<h4 class="policy">By continuing, you agree to our <NuxtLink to="/docs/terms">Terms of <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> use</NuxtLink> and <NuxtLink to="/docs/privacy">Privacy policy</NuxtLink>.</h4>
<p class="error"></p> <p class="error"></p>
<form :state="credentials" @submit.prevent="attemptLogin"> <form :state="credentials" @submit.prevent="attemptLogin">
<div class="input border"> <div class="input border">
<label>Email address</label> <label>Email address</label>
<input v-model="credentials.email" name="email" type="email" placeholder="Your email address" required="true" /> <input v-model="credentials.email" name="email" type="email" placeholder="Your email address" required="true" />
</div> </div>
<div class="input border"> <div class="input border">
<label>Password</label> <label>Password</label>
<input v-model="credentials.password" name="password" type="password" placeholder="********" required="true" /> <input v-model="credentials.password" name="password" type="password" placeholder="********" required="true" />
</div> </div>
<button type="submit">Sign in</button> <button type="submit">Sign in</button>
</form> </form>
<p class="newbie">Don&apos;t have an account? <NuxtLink to="/register">Create account</NuxtLink></p> <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> <p class="reset">Forgot password? <NuxtLink to="/reset">Reset password</NuxtLink></p>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>