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 {
display: block;
width: 8rem;
margin: .5rem 0;
margin: .75rem .5rem;
img {
max-width: 100%;
span {
font-size: 2rem;
}
}

6
components/auth/Banner.vue
View File

@ -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>

48
pages/login.vue
View File

@ -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>
<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>
<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>
<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>
<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="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>