hubert/SimpleNotes
1
0
Fork 0
Code Projects Releases Activity

Add Centered component

Browse Source
This commit is contained in:
Hubert Van De Walle 2020-04-13 19:46:54 +02:00
parent 1310649e29
commit 3e27d4fa86
3 changed files with 118 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/Centered.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
<div class="row d-flex justify-content-center">
<div class="mt-3 col-md-6">
<slot></slot>
</div>
</div>
</template>
<script>
export default {
name: "Centered"
}
</script>

11
web/src/components/SigninForm.vue
View File

@ -1,6 +1,5 @@
<template>
<div class="row d-flex justify-content-center">
<div class="mt-3 col-md-6">
<Centered>
<b-card header="Sign in">
<b-form @submit.prevent="signin">
@ -34,17 +33,19 @@
</b-alert>
</b-card>
</div>
</div>
</Centered>
</template>
<script>
import Api from '@/api'
import {mapMutations} from "vuex";
import Centered from '@/components/Centered'
export default {
name: "SignupForm",
components: {
Centered
},
data() {
return {
form: {

14
web/src/components/SignupForm.vue
View File

@ -1,7 +1,5 @@
<template>
<div>
<div class="row d-flex justify-content-center">
<div class="mt-3 col-md-6">
<Centered>
<b-card header="Create an account">
<b-form @submit.prevent="handleSubmit">
<b-form-group
@ -70,18 +68,20 @@
<b-alert :show="error" variant="danger" dismissible class="mt-3">
An error occurred while attempting to create your account
</b-alert>
</b-card>
</div>
</div>
</div>
</Centered>
</template>
<script>
import Api from '@/api'
import Centered from '@/components/Centered'
export default {
name: "SignupForm",
components: {
Centered
},
data() {
return {
form: {