liz/wikijs-fork
liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: missing mdi icons on registration dialog (#996)

Browse Source
This commit is contained in:
Nick 2019-08-30 16:15:58 -04:00
parent e5d7ea8ce1
commit 06c2e6e88c
2 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/components/login.vue
View File

@ -12,7 +12,7 @@
)
transition(name='fadeUp')
v-card.elevation-5(v-show='isShown', light)
v-toolbar(color='primary', flat, dense, dark)
v-toolbar(color='indigo', flat, dense, dark)
v-spacer
.subheading(v-if='screen === "tfa"') {{ $t('auth:tfa.subtitle') }}
.subheading(v-if='screen === "changePwd"') {{ $t('auth:changePwd.subtitle') }}
@ -20,7 +20,7 @@
.subheading(v-else) {{ $t('auth:loginRequired') }}
v-spacer
v-card-text.text-center
h1.display-1.primary--text.py-2 {{ siteTitle }}
h1.display-1.indigo--text.py-2 {{ siteTitle }}
template(v-if='screen === "login"')
v-text-field.mt-3(
solo
@ -99,7 +99,7 @@
max-width='250px'
v-if='screen === "login"'
large
color='teal'
color='primary'
dark
@click='login'
rounded
@ -110,7 +110,7 @@
max-width='250px'
v-else-if='screen === "tfa"'
large
color='teal'
color='primary'
dark
@click='verifySecurityCode'
rounded
@ -121,7 +121,7 @@
max-width='250px'
v-else-if='screen === "changePwd"'
large
color='teal'
color='primary'
dark
@click='changePassword'
rounded
@ -132,7 +132,7 @@
max-width='250px'
v-else-if='screen === "forgot"'
large
color='teal'
color='primary'
dark
@click='forgotPasswordSubmit'
rounded
@ -170,7 +170,7 @@
v-spacer
loader(v-model='isLoading', :color='loaderColor', :title='loaderTitle', :subtitle='$t(`auth:pleaseWait`)')
nav-footer(color='grey darken-4')
nav-footer(color='grey darken-5')
notify
</template>
@ -427,7 +427,7 @@ export default {
<style lang="scss">
.login {
background-color: mc('grey', '900');
background-color: mc('indigo', '900');
background-image: url('../static/svg/motif-blocks.svg');
background-repeat: repeat;
background-size: 200px;
@ -437,10 +437,10 @@ export default {
@include keyframes(loginBgReveal) {
0% {
background-position-x: 0;
background-position-y: 0;
}
100% {
background-position-x: 800px;
background-position-y: 800px;
}
}

17
client/components/register.vue
View File

@ -16,13 +16,13 @@
v-spacer
.subheading {{ $t('auth:registerTitle') }}
v-spacer
v-card-text.text-xs-center
v-card-text.text-center
h1.display-1.indigo--text.py-2 {{ siteTitle }}
.body-2 {{ $t('auth:registerSubTitle') }}
v-text-field.md2.mt-3(
solo
flat
prepend-icon='email'
prepend-icon='mdi-email'
background-color='grey lighten-4'
hide-details
ref='iptEmail'
@ -33,11 +33,11 @@
v-text-field.md2.mt-2(
solo
flat
prepend-icon='vpn_key'
prepend-icon='mdi-textbox-password'
background-color='grey lighten-4'
ref='iptPassword'
v-model='password'
:append-icon='hidePassword ? "visibility" : "visibility_off"'
:append-icon='hidePassword ? "mdi-eye-off" : "mdi-eye"'
@click:append='() => (hidePassword = !hidePassword)'
:type='hidePassword ? "password" : "text"'
:placeholder='$t("auth:fields.password")'
@ -49,7 +49,7 @@
v-text-field.md2.mt-2(
solo
flat
prepend-icon='vpn_key'
prepend-icon='mdi-textbox-password'
background-color='grey lighten-4'
hide-details
ref='iptVerifyPassword'
@ -62,7 +62,7 @@
v-text-field.md2.mt-2(
solo
flat
prepend-icon='person'
prepend-icon='mdi-account'
background-color='grey lighten-4'
ref='iptName'
v-model='name'
@ -74,12 +74,13 @@
v-card-actions.pb-4
v-spacer
v-btn.md2(
block
width='100%'
max-width='250px'
large
dark
color='indigo'
@click='register'
round
rounded
:loading='isLoading'
) {{ $t('auth:actions.register') }}
v-spacer