aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Insights page cleaned up + small quality changes

Browse Source
This commit is contained in:
J-Lennox10
2023-03-20 19:11:15 +00:00
parent c408f21d91
commit 33e694482b
10 changed files with 294 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/LoginPage.vue
View File

@ -8,9 +8,14 @@
<p>Email Address</p>
<input type="email" v-model="email" aria-describedby="emailHelp" placeholder="Enter email">
<p>Password</p>
<div id="imgDiv">
<img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show">
<img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword">
</div>
<input v-if="showPassword" type="text" v-model="password" placeholder="Enter password">
<input v-else type="password" v-model="password" placeholder="Enter password">
<button @click="this.showPassword = !this.showPassword">Eye</button>
<input @click="login" type="submit" name="" value="Login">
<a @click="forgotPassword = !forgotPassword; this.email = ''">Forgot password?</a>
<a><router-link to="/signup">Don't have an account?</router-link></a>
@ -145,6 +150,23 @@ export default {
padding: 70px 30px;
}
#imgDiv{
height:10%;
width:10%;
right: 40px;
bottom:150px;
position: absolute;
}
#eyeImg{
height:80%;
width:100%;
}
#eyeImg:hover{
transform: scale(1.3);
}
h1 {
margin: 0;
padding: 0 0 20px;