Commit 065b0fc7 authored by Adrian's avatar Adrian

Reduciendo el tamaño del bundle

parent 42c86ce8
......@@ -21,7 +21,7 @@ VUE_APP_PUBLIC_PATH=/ Para indicar si se tiene un
VUE_APP_AUTH_TOKEN=Bearer Formato para enviar el token
```
## Para los iconos se esta utilizando https://materialdesignicons.com/
## Instalando el proyecto
......
......@@ -3,7 +3,7 @@
<div class="app-login__background"></div>
<div class="user d-flex align-center justify-center">
<v-avatar color="primary">
<v-icon size="25" color="white">person_search</v-icon>
<v-icon size="25" color="white"> {{ icons.mdiAccountSearch }}</v-icon>
</v-avatar>
</div>
<v-card
......@@ -18,7 +18,7 @@
autofocus
v-model="form.user"
:rules="[val => !!val || 'Usuario no puede estar vacio']"
prepend-icon="account_circle"
:prepend-icon="icons.mdiAccountCircle"
@keypress.enter="loginWithCredentials"
label="Usuario"
></v-text-field>
......@@ -27,11 +27,11 @@
<v-text-field
v-model="form.password"
:rules="[val => !!val || 'Contraseña no puede estar vacio']"
prepend-icon="security"
:prepend-icon="icons.mdiSecurity"
:type="show ? 'text' : 'password'"
label="Contraseña"
@keypress.enter="loginWithCredentials"
:append-icon="show ? 'visibility' : 'visibility_off'"
:append-icon="show ? icons.mdiEye : icons.mdiEyeOff"
@click:append="show = !show"
></v-text-field>
</v-col>
......@@ -60,6 +60,7 @@
<script>
import axios from 'axios';
import { mdiAccountSearch, mdiAccountCircle, mdiSecurity, mdiEye, mdiEyeOff } from '@mdi/js';
import Auth from './mixins/auth';
export default {
......@@ -70,6 +71,13 @@ export default {
user: null,
password: null
},
icons: {
mdiAccountSearch,
mdiAccountCircle,
mdiSecurity,
mdiEye,
mdiEyeOff
},
show: false
};
},
......
import Vue from 'vue';
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);
......@@ -9,7 +8,7 @@ const opts = {
customProperties: true
},
icons: {
iconfont: 'md'
iconfont: 'mdiSvg'
},
theme: {
dark: false,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment