Small improvements to login and register pages

This commit is contained in:
konrad 2018-09-09 19:53:08 +02:00
parent 85923704d8
commit bdca3a01fb
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 4 additions and 5 deletions

View File

@ -1,6 +1,7 @@
<template> <template>
<div class="container has-text-centered"> <div class="container has-text-centered">
<div class="column is-4 is-offset-4"> <div class="column is-4 is-offset-4">
<img src="logo-full.svg"/>
<h2 class="title">Login</h2> <h2 class="title">Login</h2>
<div class="box"> <div class="box">
<form id="loginform" @submit.prevent="submit"> <form id="loginform" @submit.prevent="submit">
@ -17,13 +18,10 @@
<div class="field is-grouped"> <div class="field is-grouped">
<div class="control"> <div class="control">
<button type="submit" class="button is-link">Login</button> <button type="submit" class="button is-primary" v-bind:class="{ 'is-loading': loading}">Login</button>
<router-link :to="{ name: 'register' }" class="button">Register</router-link> <router-link :to="{ name: 'register' }" class="button">Register</router-link>
</div> </div>
</div> </div>
<div class="notification is-info" v-if="loading">
Loading...
</div>
<div class="notification is-danger" v-if="error"> <div class="notification is-danger" v-if="error">
{{ error }} {{ error }}
</div> </div>

View File

@ -1,6 +1,7 @@
<template> <template>
<div class="container has-text-centered"> <div class="container has-text-centered">
<div class="column is-4 is-offset-4"> <div class="column is-4 is-offset-4">
<img src="logo-full.svg"/>
<h2 class="title">Register</h2> <h2 class="title">Register</h2>
<div class="box"> <div class="box">
<form id="registerform" @submit.prevent="submit"> <form id="registerform" @submit.prevent="submit">
@ -27,7 +28,7 @@
<div class="field is-grouped"> <div class="field is-grouped">
<div class="control"> <div class="control">
<button type="submit" class="button is-link">Register</button> <button type="submit" class="button is-primary" v-bind:class="{ 'is-loading': loading}">Register</button>
<router-link :to="{ name: 'login' }" class="button">Login</router-link> <router-link :to="{ name: 'login' }" class="button">Login</router-link>
</div> </div>
</div> </div>