<!-- username and password forms -->
<div id="loginBox">
<!-- username -->
- <input class="input" type="text" v-model="email" placeholder="username" />
+ <div class="inputBox">
+ <input class="input" type="text" v-model="email" />
+ <div class="inputModifier">Email</div>
+ </div>
+
<!-- password -->
- <input class="input" type="password" v-model="password" placeholder="Password" />
+ <div class="inputBox">
+ <input class="input" type="password" v-model="password" />
+ <div class="inputModifier">Password</div>
+ </div>
</div>
-<!-- <input type="checkbox" id="checkbox" v-model="rememberMe" />
- <label for="checkbox">Remember Me</label> -->
+ <input type="checkbox" id="checkbox" v-model="rememberMe" />
+ <label for="checkbox">Remember Me</label>
<!-- submit button; position: fixed -->
- <button class="button" @click.prevent="submit">Submit</button>
+ <button class="submitButton button" @click.prevent="submit">Submit</button>
<!-- back to login button: position: fixed -->
+ <button class="createAccountButton button" @click.prevent="switchView">Create account</button>
</form>
</template>