Improve login page

This commit is contained in:
Jan Bader 2022-02-04 19:59:21 +00:00
parent 1d0fe60ea4
commit c8e9a8b375
2 changed files with 5 additions and 6 deletions

View File

@ -24,7 +24,7 @@ export default defineComponent({
</script> </script>
<template> <template>
<div class="box-border flex-row w-full"> <div class="box-border w-full">
<div class="flex bg-gray-400 p-4 m-2 rounded-lg"> <div class="flex bg-gray-400 p-4 m-2 rounded-lg">
<span class="flex-1" @click="toggleMenu">Home</span> <span class="flex-1" @click="toggleMenu">Home</span>

View File

@ -36,13 +36,12 @@ export default defineComponent({
<template> <template>
<div> <div>
<input type="text" v-model="login.user" label="Username" /> <input type="text" v-model="login.user" placeholder="Username" class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
<input type="password" v-model="login.password" label="Password" /> <input type="password" v-model="login.password" placeholder="Password" class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
</div> </div>
<div>{{ error }}</div> <div>{{ error }}</div>
<button type="submit" @click="formSubmit">Login</button> <button type="submit" @click="formSubmit" class="bg-blue-300 rounded-lg p-2 w-48">Login</button>
<p> <p>
New user? New user? <router-link to="/register">Register</router-link> instead!
<router-link to="/register">Register</router-link>instead!
</p> </p>
</template> </template>