[core] some style loginpage

This commit is contained in:
Tim Gröger 2021-04-19 10:12:18 +02:00
parent 95867428a8
commit 5174e7fea3
1 changed files with 10 additions and 3 deletions

View File

@ -6,9 +6,10 @@
</q-toolbar> </q-toolbar>
<q-card-section> <q-card-section>
<q-form class="q-gutter-md" @submit="doLogin"> <q-form @submit="doLogin">
<q-input <q-input
v-model="userid" v-model="userid"
class="q-pa-md"
filled filled
label="Benutzername oder E-Mail" label="Benutzername oder E-Mail"
autocomplete="username" autocomplete="username"
@ -17,20 +18,26 @@
/> />
<password-input <password-input
v-model="password" v-model="password"
class="q-px-md q-pt-md q-pb-none"
filled filled
label="Passwort" label="Passwort"
autocomplete="cureent-password" autocomplete="cureent-password"
:rules="[notEmpty]" :rules="[notEmpty]"
tabindex="2" tabindex="2"
/> />
<div class="row justify-between"> <div class="full-width row justify-end q-px-md">
<q-btn <q-btn
label="Passwort vergessen" label="Passwort vergessen?"
type="a" type="a"
color="secondary" color="secondary"
tabindex="4" tabindex="4"
flat
dense
size="sm"
@click="doReset" @click="doReset"
/> />
</div>
<div class="full-width row justify-end q-px-md q-pt-md">
<q-btn label="Login" type="submit" color="primary" tabindex="3" /> <q-btn label="Login" type="submit" color="primary" tabindex="3" />
</div> </div>
</q-form> </q-form>