Fix form width

This commit is contained in:
Hubert Van De Walle 2020-04-13 19:37:02 +02:00
parent 8cd12c3b0e
commit 1310649e29
2 changed files with 100 additions and 92 deletions

View File

@ -1,6 +1,7 @@
<template> <template>
<div> <div class="row d-flex justify-content-center">
<b-card class="mt-3" header="Sign in"> <div class="mt-3 col-md-6">
<b-card header="Sign in">
<b-form @submit.prevent="signin"> <b-form @submit.prevent="signin">
<b-form-group id="username-group" label="Username:" label-for="username"> <b-form-group id="username-group" label="Username:" label-for="username">
@ -34,6 +35,8 @@
</b-card> </b-card>
</div> </div>
</div>
</template> </template>
<script> <script>

View File

@ -1,6 +1,8 @@
<template> <template>
<div> <div>
<b-card class="mt-3" header="Create an account"> <div class="row d-flex justify-content-center">
<div class="mt-3 col-md-6">
<b-card header="Create an account">
<b-form @submit.prevent="handleSubmit"> <b-form @submit.prevent="handleSubmit">
<b-form-group <b-form-group
id="email-group" id="email-group"
@ -44,7 +46,8 @@
</b-form-invalid-feedback> </b-form-invalid-feedback>
</b-form-group> </b-form-group>
<b-form-group id="password-confirm-group" label="Confirm password:" label-for="password-confirm"> <b-form-group id="password-confirm-group" label="Confirm password:"
label-for="password-confirm">
<b-form-input <b-form-input
id="password-confirm" id="password-confirm"
v-model="form.passwordConfirm" v-model="form.passwordConfirm"
@ -70,6 +73,8 @@
</b-card> </b-card>
</div> </div>
</div>
</div>
</template> </template>
<script> <script>