Small improvements to login and register pages
This commit is contained in:
parent
85923704d8
commit
bdca3a01fb
2 changed files with 4 additions and 5 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue