Clean up login page.
This commit is contained in:
parent
50884c37c0
commit
9e7d87823c
|
|
@ -48,11 +48,11 @@ function isDataValid() {
|
||||||
return username.value.length > 0 && password.value.length >= 8
|
return username.value.length > 0 && password.value.length >= 8
|
||||||
}
|
}
|
||||||
|
|
||||||
function generateSampleData() {
|
// function generateSampleData() {
|
||||||
fetch(import.meta.env.VITE_API_BASE_URL + '/sample-data', {
|
// fetch(import.meta.env.VITE_API_BASE_URL + '/sample-data', {
|
||||||
method: 'POST'
|
// method: 'POST'
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="app-login-panel">
|
<div class="app-login-panel">
|
||||||
|
|
@ -66,14 +66,12 @@ function generateSampleData() {
|
||||||
<input id="password-input" type="password" v-model="password" :disabled="disableForm" />
|
<input id="password-input" type="password" v-model="password" :disabled="disableForm" />
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
<div>
|
<div style="display: flex; margin-left: 1rem; margin-right: 1rem;">
|
||||||
<AppButton button-type="submit" :disabled="disableForm || !isDataValid()" style="width: 100%;">Login</AppButton>
|
<AppButton button-type="submit" :disabled="disableForm || !isDataValid()" style="flex-grow: 1;">Login
|
||||||
|
</AppButton>
|
||||||
|
<AppButton button-type="button" button-style="secondary" :disabled="true">Register</AppButton>
|
||||||
</div>
|
</div>
|
||||||
</AppForm>
|
</AppForm>
|
||||||
|
|
||||||
<div>
|
|
||||||
<button type="button" @click="generateSampleData()">Generate Sample Data</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style lang="css">
|
<style lang="css">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue