hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Improve UI on home & register pages

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2020-10-12 08:50:51 +02:00
parent dcf8615ebb
commit 1d82b29d61
6 changed files with 66 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/src/views/User/Login.vue
View File

@@ -86,7 +86,7 @@
default_password: credentials.password,
},
}"
>{{ $t("Register") }}</router-link
>{{ $t("Create an account") }}</router-link
>
</p>
</form>

32
js/src/views/User/Register.vue
View File

@@ -17,14 +17,14 @@
<div class="columns">
<div class="column">
<div>
<subtitle>{{ $t("Features") }}</subtitle>
<subtitle>{{ $t("Why create an account?") }}</subtitle>
<div class="content">
<ul>
<li>{{ $t("Create and manage several identities from the same account") }}</li>
<li>{{ $t("Create, edit or delete events") }}</li>
<li>{{ $t("Register for an event by choosing one of your identities") }}</li>
<li>{{ $t("To create and manage your events") }}</li>
<li>{{ $t("To create and manage multiples identities from a same account") }}</li>
<li>{{ $t("To register for an event by choosing one of your identities") }}</li>
<li v-if="config.features.groups">
{{ $t("Create or join an group and start organizing with other people") }}
{{ $t("To create or join an group and start organizing with other people") }}
</li>
</ul>
</div>
@@ -34,12 +34,16 @@
}}</router-link>
<hr />
<div class="content">
<subtitle>{{ $t("About this instance") }}</subtitle>
<subtitle>{{ $t("About {instance}", { instance: config.name }) }}</subtitle>
<div class="content" v-html="config.description"></div>
<i18n path="Please read the instance's {fullRules}" tag="p">
<i18n
path="Please read the {fullRules} published by {instance}'s administrators."
tag="p"
>
<router-link slot="fullRules" :to="{ name: RouteName.RULES }">{{
$t("full rules")
}}</router-link>
<b slot="instance">{{ config.name }}</b>
</i18n>
</div>
</div>
@@ -93,25 +97,25 @@
</i18n>
</b-checkbox>
<p class="control has-text-centered">
<p class="create-account control has-text-centered">
<b-button
type="is-primary"
size="is-large"
:disabled="sendingForm"
native-type="submit"
>
{{ $t("Register") }}
{{ $t("Create an account") }}
</b-button>
</p>
<p class="control">
<p class="control has-text-centered">
<router-link
class="button is-text"
:to="{ name: RouteName.RESEND_CONFIRMATION, params: { email: credentials.email } }"
>{{ $t("Didn't receive the instructions?") }}</router-link
>
</p>
<p class="control">
<p class="control has-text-centered">
<router-link
class="button is-text"
:to="{
@@ -235,4 +239,10 @@ h2.title {
text-decoration-color: $secondary;
display: inline;
}
p.create-account {
/deep/ button {
margin: 1rem auto 2rem;
}
}
</style>