Fine tune layout and spacing

This commit is contained in:
roschaefer 2019-10-10 11:58:19 +02:00 committed by mattwr18
parent bc4acf939f
commit 8305921f00
3 changed files with 16 additions and 8 deletions

View File

@ -1,5 +1,5 @@
<template>
<ds-space margin="large">
<ds-space margin-top="large" margin-bottom="xxx-small">
<ds-form
v-model="formData"
:schema="formSchema"

View File

@ -30,7 +30,7 @@
</ds-space>
</template>
</ds-form>
<ds-text v-else>
<ds-space v-else>
<template v-if="changePasswordResult === 'success'">
<sweetalert-icon icon="success" />
<ds-text>
@ -51,7 +51,7 @@
</ds-text>
</template>
<slot></slot>
</ds-text>
</ds-space>
</ds-space>
</template>

View File

@ -1,11 +1,19 @@
<template>
<ds-container width="small">
<ds-card>
<ds-flex gutter="small">
<ds-flex-item :width="{ base: '100%', sm: '40%' }">
<client-only>
<locale-switch offset="5" />
</client-only>
<ds-space margin-top="small" margin-bottom="xxx-small" centered>
<img alt="Human Connection" src="/icon.png" />
</ds-space>
</ds-flex-item>
<ds-flex-item :width="{ base: '100%', sm: '60%' }" centered>
<nuxt-child />
<ds-space margin="x-small"></ds-space>
</ds-flex-item>
</ds-flex>
</ds-card>
</ds-container>
</template>