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> <template>
<ds-space margin="large"> <ds-space margin-top="large" margin-bottom="xxx-small">
<ds-form <ds-form
v-model="formData" v-model="formData"
:schema="formSchema" :schema="formSchema"

View File

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

View File

@ -1,11 +1,19 @@
<template> <template>
<ds-container width="small"> <ds-container width="small">
<ds-card> <ds-card>
<client-only> <ds-flex gutter="small">
<locale-switch offset="5" /> <ds-flex-item :width="{ base: '100%', sm: '40%' }">
</client-only> <client-only>
<nuxt-child /> <locale-switch offset="5" />
<ds-space margin="x-small"></ds-space> </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-flex-item>
</ds-flex>
</ds-card> </ds-card>
</ds-container> </ds-container>
</template> </template>