Mindboost
/
dev-audioprocessing
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

master
unknown 2023-02-26 12:01:25 +05:00
parent 89e56e4348
commit 89399ca87f
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
pages/auth/forgot.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12 col-md-5 col-lg-4 bg-img" style="background-image: url('/images/login.svg');background-size: cover;"> <div class="col-12 col-md-5 col-lg-4 d-none d-md-block bg-img" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh">
</div> </div>
<div class="col-12 col-md-7 col-lg-8 pt-3 "> <div class="col-12 col-md-7 col-lg-8 pt-3 ">
@ -19,33 +19,31 @@
</div> </div>
<div class="text-center pt-1 mt-5 "> <div class="text-center pt-1 mt-5 ">
<h2 class="fw-bolder display-6 text-center" >Log In</h2> <h2 class="fw-bolder display-6 text-center" >Forgot Password</h2>
<span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span> <!-- <span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>-->
</div> </div>
<div class="row pt-2 pb-5"> <div class="row pt-2 pb-5">
<div class="col-12 pb-5"> <div class="col-12 pb-5">
<form @submit.prevent="loginNow" method="POST" class=" pb-5 "> <form @submit.prevent="loginNow" method="POST" class=" pb-5 ">
<div class="row pt-3 justify-content-center"> <div class="row pt-3 justify-content-center">
<div class="col-12 col-sm-8 col-md-8 col-lg-6"> <div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Email</label> <label class="form-label">Password</label>
<input type="email" v-model="form.email" placeholder="Email" class="form-control" > <input type="password" placeholder="Password" class="form-control" >
<div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div> <!-- <div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>-->
<div class="invalid-feedback d-block" v-if="auth_error">Email or password is wrong, please try again!</div> <!-- <div class="invalid-feedback d-block" v-if="auth_error">Email or password is wrong, please try again!</div>-->
</div> </div>
</div> </div>
<div class="row justify-content-center pt-3"> <div class="row justify-content-center pt-3">
<div class="col-12 col-sm-8 col-md-8 col-lg-6"> <div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Password</label> <label class="form-label">Confirm Password</label>
<input type="password" v-model="form.password" placeholder="Password" class="form-control" > <input type="password" placeholder="Confirm Password" class="form-control" >
<span class="float-end pt-2"><a class="forgot-link" href="#">Forgot Password</a></span>
</div> </div>
</div> </div>
<div class="row justify-content-center pb-5"> <div class="row justify-content-center pb-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center"> <div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
<button type="submit" class=" login-btn col-12" >Sign In <div v-if="loading" class="spinner-border spinner-border-sm" role="status"> <button type="submit" class=" login-btn col-12" >Forgot Password <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span> <span class="sr-only">Loading...</span>
</div></button> </div></button>
<h5 class="text-center pt-3">Don’t have an Account? <NuxtLink class="signup-link" :to="localePath('/auth/signup')">Sign Up</NuxtLink></h5>
</div> </div>
</div> </div>
</form> </form>