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

ok

master
unknown 2023-02-26 11:37:36 +05:00
parent baa7356dd6
commit 89e56e4348
4 changed files with 101 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
pages/auth/forgot.vue Normal file
View File

File diff suppressed because one or more lines are too long

13
pages/auth/login.vue
View File

@ -2,11 +2,10 @@
<div>
<div class="container-fluid">
<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;
height: 100vh;">
<div class="col-12 col-md-5 col-lg-4 bg-img" style="background-image: url('/images/login.svg');background-size: cover;">
</div>
<div class="col-12 col-md-7 col-lg-8 pt-5 ">
<div class="col-12 col-md-7 col-lg-8 pt-3 ">
<div class="py-3 text-center">
<svg width="225" height="32" viewBox="0 0 225 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="225" height="32" fill="url(#pattern0)"/>
@ -19,7 +18,7 @@
</svg>
</div>
<div class="text-center pt-1 mt-5 pt-5">
<div class="text-center pt-1 mt-5 ">
<h2 class="fw-bolder display-6 text-center" >Log In</h2>
<span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>
</div>
@ -27,7 +26,7 @@
<div class="col-12 pb-5">
<form @submit.prevent="loginNow" method="POST" class=" pb-5 ">
<div class="row pt-3 justify-content-center">
<div class="col-12 col-sm-8 col-md-8 col-lg-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Email</label>
<input type="email" v-model="form.email" placeholder="Email" class="form-control" >
<div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>
@ -35,14 +34,14 @@
</div>
</div>
<div class="row justify-content-center pt-3">
<div class="col-12 col-sm-8 col-md-8 col-lg-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
<label class="form-label">Password</label>
<input type="password" v-model="form.password" placeholder="Password" class="form-control" >
<span class="float-end pt-2"><a class="forgot-link" href="#">Forgot Password</a></span>
</div>
</div>
<div class="row justify-content-center pb-5">
<div class="col-12 col-sm-8 col-md-8 col-lg-5 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">
<span class="sr-only">Loading...</span>
</div></button>

25
pages/auth/signup.vue
View File

@ -2,11 +2,12 @@
<div>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-4 bg-img" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh" >
<div class="col-12 col-lg-4 bg-img" style="background-image: url('/images/login.svg');background-size: cover" >
</div>
<div class="col-12 col-lg-8 pt-4 px-3 px-sm-5 px-md-5 pb-5 d-flex" style="height: 100vh">
<div class="col-12 col-lg-8 pt-4 px-3 px-sm-5 px-md-5 pb-5" style="height: 100vh">
<div class="row">
<div class="pb-2 text-center">
<div class="col-12 text-center">
<div class="pb-2 ">
<svg width="225" height="32" viewBox="0 0 225 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="225" height="32" fill="url(#pattern0)"/>
<defs>
@ -17,6 +18,8 @@
</defs>
</svg>
</div>
</div>
<div class="col-md-12 align-self-center ">
<div class="row pt-3 pb-5">
@ -24,7 +27,7 @@
<div class="text-center pt-1 ">
<h2 class="fw-bolder display-6 text-center" >Sign Up</h2>
<span class="fs-5 pt-2 text-muted">Helo , <span class="fw-bolder text-dark">Beautiful!</span></span>
<p class="text-muted pt-2 text-center fs-5 pb-0 mb-0">Mindboost helps you block out distracting noise with concentration-boosting music, increasing your productivity by up to 35%.</p>
<p class="text-muted pt-2 text-center fs-5 singn-up-text pb-0 mb-0">Mindboost helps you block out distracting noise with concentration-boosting music, increasing your productivity by up to 35%.</p>
</div>
</div>
<div class="col-12">
@ -53,8 +56,8 @@
<div class="invalid-feedback d-block" v-if="errors.password">{{errors.password[0]}}</div>
</div>
</div>
<div class="row px-4 pt-3 pb-2">
<div class="col-10">
<div class="row px-md-4 pt-3 pb-2">
<div class="col-12 col-md-10">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
<label class="form-check-label" for="flexCheckIndeterminate">
@ -65,7 +68,7 @@
</div>
<div class="row px-4 pt-3">
<div class="col-12">
<button :disabled="loading" type="submit" class="login-btn w-100 col-4">Signup
<button :disabled="loading" type="submit" class="login-btn fw-bold col-4">Signup
<div v-if="loading" class="spinner-border spinner-border-sm" role="status">
<span class="sr-only">Loading...</span>
</div>
@ -129,3 +132,11 @@ export default {
}
}
</script>
<style scoped>
@media only screen and (max-width: 587px) {
p{
font-size: 16px !important;
}
}
</style>

11
yarn.lock
View File

@ -2471,9 +2471,9 @@
"resolved" "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz"
"version" "0.9.3"
"esbuild-darwin-64@0.15.18":
"integrity" "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg=="
"resolved" "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz"
"esbuild-windows-64@0.15.18":
"integrity" "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw=="
"resolved" "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz"
"version" "0.15.18"
"esbuild@^0.15.14", "esbuild@^0.15.9":
@ -2779,11 +2779,6 @@
"resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
"version" "1.0.0"
"fsevents@~2.3.2":
"integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
"resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
"version" "2.3.2"
"function-bind@^1.1.1":
"integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
"resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"