More UI fixes for consistency

This commit is contained in:
Dane Everitt 2018-05-26 13:06:41 -07:00
parent b35eb77a70
commit bab20812a0
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 10 additions and 7 deletions

View file

@ -16,8 +16,9 @@
<div class="input-open"> <div class="input-open">
<input class="input" id="grid-username" type="text" name="user" aria-labelledby="grid-username" required <input class="input" id="grid-username" type="text" name="user" aria-labelledby="grid-username" required
ref="email" ref="email"
v-bind:readonly="showSpinner" :class="{ 'has-content' : user.email.length > 0 }"
v-bind:value="user.email" :readonly="showSpinner"
:value="user.email"
v-on:input="updateEmail($event)" v-on:input="updateEmail($event)"
/> />
<label for="grid-username">{{ $t('strings.user_identifier') }}</label> <label for="grid-username">{{ $t('strings.user_identifier') }}</label>
@ -25,10 +26,10 @@
</div> </div>
<div class="flex flex-wrap -mx-3 mb-6"> <div class="flex flex-wrap -mx-3 mb-6">
<div class="input-open"> <div class="input-open">
<input class="input" id="grid-password" type="password" name="password" <input class="input" id="grid-password" type="password" name="password" aria-labelledby="grid-password" required
ref="password" ref="password"
v-bind:readonly="showSpinner" :class="{ 'has-content' : user.password && user.password.length > 0 }"
aria-labelledby="grid-password" required :readonly="showSpinner"
v-model="user.password" v-model="user.password"
/> />
<label for="grid-password">{{ $t('strings.password') }}</label> <label for="grid-password">{{ $t('strings.password') }}</label>

View file

@ -4,7 +4,9 @@
> >
<div class="flex flex-wrap -mx-3 mb-6"> <div class="flex flex-wrap -mx-3 mb-6">
<div class="input-open"> <div class="input-open">
<input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" ref="code" required <input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" required
ref="code"
:class="{ 'has-content' : code.length > 0 }"
v-model="code" v-model="code"
/> />
<label for="grid-code">{{ $t('auth.two_factor.label') }}</label> <label for="grid-code">{{ $t('auth.two_factor.label') }}</label>

View file

@ -23,7 +23,7 @@
</div> </div>
<router-view></router-view> <router-view></router-view>
<p class="text-center text-grey text-xs"> <p class="text-center text-grey text-xs">
{{ trans('strings.copyright', ['year' => date('Y')]) }} {!! trans('strings.copyright', ['year' => date('Y')]) !!}
</p> </p>
</div> </div>
</div> </div>