extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-06-20 19:57:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Style and CSS adjustments

Browse Source
This commit is contained in:
Bubka 2020-01-10 10:48:16 +01:00
parent dda3901bb9
commit e5f040e066
4 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/js/views/Accounts.vue
View File

@ -2,7 +2,7 @@
<div>
<div class="container" v-if="this.showAccounts">
<div class="buttons are-large is-centered">
<span v-for="account in accounts" class="button is-black twofaccount" >
<span v-for="account in accounts" class="button is-black has-background-black-bis twofaccount" >
<span @click.stop="getAccount(account.id)">
<img :src="'storage/icons/' + account.icon" v-if="account.icon">
{{ account.service }}
@ -21,7 +21,7 @@
</div>
<div class="container has-text-centered" v-show="this.showNoAccount">
<p class="no-account"></p>
<p class="subtitle is-5">
<p class="subtitle is-5 has-text-grey">
No 2FA here!
</p>
<router-link :to="{ name: 'create' }" class="button is-medium is-link is-focused">Add one</router-link>
@ -61,7 +61,7 @@
</div>
<div class="content has-text-centered">
<span v-if="token">
Hi {{username}} ! <a @click="logout">Sign out</a>
Hi {{username}} ! <a class="has-text-grey" @click="logout">Sign out</a>
</span>
<span v-else>
<router-link :to="{ name: 'login' }" class="button is-black">

4
resources/js/views/Login.vue
View File

@ -7,14 +7,14 @@
<div class="field">
<label class="label">Email</label>
<div class="control">
<input id="email" type="email" class="input" v-model="email" v-bind:class="{ 'is-danger' : errors.email }" required autofocus />
<input id="email" type="email" class="input" v-model="email" required autofocus />
</div>
<p class="help is-danger" v-if="errors.email">{{ errors.email.toString() }}</p>
</div>
<div class="field">
<label class="label">Password</label>
<div class="control">
<input id="password" type="password" class="input" v-model="password" v-bind:class="{ 'is-danger' : errors.password }" required />
<input id="password" type="password" class="input" v-model="password" required />
</div>
<p class="help is-danger" v-if="errors.password">{{ errors.password.toString() }}</p>
</div>

8
resources/js/views/Register.vue
View File

@ -7,28 +7,28 @@
<div class="field">
<label class="label">Name</label>
<div class="control">
<input id="name" type="text" class="input" v-model="name" v-bind:class="{ 'is-danger' : errors.name }" required autofocus />
<input id="name" type="text" class="input" v-model="name" required autofocus />
</div>
<p class="help is-danger" v-if="errors.name">{{ errors.name.toString() }}</p>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control">
<input id="email" type="email" class="input" v-model="email" v-bind:class="{ 'is-danger' : errors.email }" required />
<input id="email" type="email" class="input" v-model="email" required />
</div>
<p class="help is-danger" v-if="errors.email">{{ errors.email.toString() }}</p>
</div>
<div class="field">
<label class="label">Password</label>
<div class="control">
<input id="password" type="password" class="input" v-model="password" v-bind:class="{ 'is-danger' : errors.password }" required />
<input id="password" type="password" class="input" v-model="password" required />
</div>
<p class="help is-danger" v-if="errors.password">{{ errors.password.toString() }}</p>
</div>
<div class="field">
<label class="label">Confirm Password</label>
<div class="control">
<input id="password_confirmation" type="password" class="input" v-model="password_confirmation" v-bind:class="{ 'is-danger' : errors.passwordConfirmation }" required />
<input id="password_confirmation" type="password" class="input" v-model="password_confirmation" required />
</div>
<p class="help is-danger" v-if="errors.passwordConfirmation">{{ errors.passwordConfirmation.toString() }}</p>
</div>

1
resources/sass/app.scss vendored
View File

@ -142,6 +142,7 @@ footer .field.is-grouped {
.no-account {
display: block;
margin-bottom: 0.5rem;
opacity: 0.05;
height: 256px;
background-repeat: no-repeat;