Rooba
/
tacticalrmm
mirror of https://github.com/amidaware/tacticalrmm.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

change login page layout and style

This commit is contained in:
wh1te909 2020-01-05 21:48:43 +00:00
parent 927ff21b6d
commit 324a6a44e5
1 changed files with 48 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/views/Login.vue
View File

@ -1,14 +1,11 @@
<template> <template>
<q-layout view="lHh Lpr lFf" class="bg-grey-9 text-white"> <div class="q-pa-md">
<div class="window-height window-width row justify-center items-center"> <div class="row text-center">
<div class="col"></div> <div class="col"></div>
<div class="col-3"> <div class="col">
<q-card dark class="bg-grey-9 shadow-10"> <h5>Tactical Techs RMM</h5>
<q-card-section class="text-center text-h5">Tactical Techs RMM</q-card-section>
<q-card-section>
<q-form @submit.prevent="prompt = true" class="q-gutter-md"> <q-form @submit.prevent="prompt = true" class="q-gutter-md">
<q-input <q-input
dark
outlined outlined
v-model="credentials.username" v-model="credentials.username"
label="Username" label="Username"
@ -17,7 +14,6 @@
/> />
<q-input <q-input
dark
outlined outlined
type="password" type="password"
v-model="credentials.password" v-model="credentials.password"
@ -25,25 +21,22 @@
lazy-rules lazy-rules
:rules="[ val => val && val.length > 0 || 'This field is required']" :rules="[ val => val && val.length > 0 || 'This field is required']"
/> />
<div> <div>
<q-btn label="Login" type="submit" color="primary" class="full-width q-mt-md" /> <q-btn label="Login" type="submit" color="primary" class="full-width q-mt-md" />
</div> </div>
</q-form> </q-form>
</q-card-section>
</q-card>
</div> </div>
<div class="col"></div> <div class="col"></div>
</div>
<!-- 2 factor modal -->
<q-dialog v-model="prompt"> <q-dialog v-model="prompt">
<q-card dark class="bg-grey-9" style="min-width: 400px"> <q-card style="min-width: 400px">
<q-form @submit.prevent="onSubmit"> <q-form @submit.prevent="onSubmit">
<q-card-section class="text-center text-h5"> <q-card-section class="text-center text-h5">Google Authenticator code</q-card-section>
Google Authenticator code
</q-card-section>
<q-card-section> <q-card-section>
<q-input <q-input
dark
autofocus autofocus
outlined outlined
v-model="credentials.twofactor" v-model="credentials.twofactor"
@ -59,7 +52,6 @@
</q-card> </q-card>
</q-dialog> </q-dialog>
</div> </div>
</q-layout>
</template> </template>
<script> <script>