This commit is contained in:
2020-04-06 15:03:59 +00:00
parent bf609bde30
commit af6825c5e1

View File

@@ -1,27 +1,30 @@
<template> <template>
<v-container fluid> <v-container>
<v-row class="mt-sm-12 mb-8"> <v-row align="center" justify="center" class="mx-auto mt-sm-12 mb-8">
<v-col cols="12" offset="1" class="d-none d-md-flex"> <!-- <v-col cols="12" >
<v-img <v-img
:src="require('../assets/logo.svg')" :src="require('../assets/logo.svg')"
contain contain
height="300" height="128"
></v-img> ></v-img>
</v-col> </v-col> -->
<v-col cols="12" class="d-flex d-md-none"> <v-col cols="12" class="hidden-md-and-up">
<v-img :src="require('../assets/logo.svg')" contain height="64"></v-img> <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
</v-col> </v-col>
<v-col cols="12" md="7" offset-md="3"> <v-col cols="12" md="7" offset-md="3" v-if="formState.errorBoxMessage">
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error> <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
</v-col> </v-col>
<template v-if="$ay.dev">
<v-col cols="12" offset="md-6"> <v-col cols="12" offset-md="4">
<span class="title red--text">DEVELOPMENT MODE</span>
</v-col>
</template>
<v-col cols="12" offset-md="3">
<form> <form>
<v-row> <v-row>
<v-col cols="12" md="7" class="hidden-sm-and-down">
<v-img
:src="require('../assets/logo.svg')"
contain
height="128"
></v-img>
</v-col>
<v-col cols="12" md="7"> <v-col cols="12" md="7">
<v-text-field <v-text-field
name="username" name="username"
@@ -53,11 +56,17 @@
@click:append-outer="reveal = !reveal" @click:append-outer="reveal = !reveal"
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col cols="12" md="7" mt-1 class="text-center"> <v-col cols="12" md="7" mt-1>
<v-btn color="primary" v-on:click="login()" value="LOGIN"> <v-btn color="primary" v-on:click="login()" value="LOGIN">
<v-icon>fa-sign-in-alt</v-icon> <v-icon>fa-sign-in-alt</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>
<template v-if="$ay.dev">
<v-col cols="12">
<span class="subtitle-2 red--text">DEVELOPMENT MODE</span>
</v-col>
</template>
</v-row> </v-row>
</form> </form>
</v-col> </v-col>