ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1681 from Human-Connection/1631-fix_language_chooser_on_create_account

Browse Source 
Fix create account page has no logo, localisation
This commit is contained in:
mattwr18 2019-09-23 20:16:42 +02:00 committed by GitHub
commit b4b9d895a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 92 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
webapp/components/Registration/CreateUserAccount.vue
View File

@ -8,18 +8,34 @@
</ds-text>
</ds-space>
</ds-card>
<ds-card v-else class="create-account-card">
<ds-flex gutter="small">
<ds-flex-item width="100%">
<client-only>
<locale-switch />
</client-only>
<ds-space centered>
<img
class="create-account-image"
alt="Create an account for Human Connection"
src="/img/sign-up/nicetomeetyou.svg"
/>
</ds-space>
</ds-flex-item>
<ds-flex-item width="100%">
<ds-space>
<ds-heading size="h3">
{{ $t('registration.create-user-account.title') }}
</ds-heading>
</ds-space>
<ds-form
v-else
class="create-user-account"
v-model="formData"
:schema="formSchema"
@submit="submit"
>
<template slot-scope="{ errors }">
<ds-card class="create-account-card" :header="$t('registration.create-user-account.title')">
<client-only>
<locale-switch class="create-account-locale-switch" offset="5" />
</client-only>
<ds-input
id="name"
model="name"
@ -79,9 +95,11 @@
{{ $t('actions.save') }}
</ds-button>
</template>
</ds-card>
</template>
</ds-form>
</ds-flex-item>
</ds-flex>
</ds-card>
</ds-container>
</template>
@ -157,13 +175,9 @@ export default {
}
</script>
<style lang="scss">
.create-account-card {
position: relative;
}
.create-account-locale-switch {
position: absolute;
top: 1em;
right: 1em;
<style lang="scss" scoped>
.create-account-image {
width: 50%;
max-width: 200px;
}
</style>