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