extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-06-24 05:51:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Enhance homepage with no account

Browse Source
This commit is contained in:
Bubka 2020-01-07 21:45:47 +01:00
parent 3f9752ec84
commit 94eb55dfe4
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,11 +19,14 @@
</span> </span>
</div> </div>
</div> </div>
<div class="container" v-else> <div class="container has-text-centered" v-else>
<figure class="image is-128x128"> <p>
<img src="https://bulma.io/images/placeholders/128x128.png"> <img class="bg" src="storage/bg.png">
</figure> </p>
No account here! <router-link :to="{ name: 'create' }" class="is-link">create one</router-link> <p class="subtitle is-5">
No 2FA here!
</p>
<router-link :to="{ name: 'create' }" class="button is-medium is-link is-focused">Add one</router-link>
</div> </div>
<modal v-model="ShowTwofaccountInModal"> <modal v-model="ShowTwofaccountInModal">
<twofaccount-show <twofaccount-show
@ -35,7 +38,7 @@
</twofaccount-show> </twofaccount-show>
</modal> </modal>
<footer class="has-background-black-ter"> <footer class="has-background-black-ter">
<div class="columns is-gapless"> <div class="columns is-gapless" v-if="this.accounts.length > 0">
<div class="column has-text-centered"> <div class="column has-text-centered">
<a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">Manage</a> <a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">Manage</a>
<div class="field has-addons" v-if="editMode"> <div class="field has-addons" v-if="editMode">

6
resources/sass/app.scss vendored
View File

@ -70,8 +70,6 @@ nav.level {
//display:none; //display:none;
} }
.input, .select select, .textarea { .input, .select select, .textarea {
background-color: hsl(0, 0%, 21%); background-color: hsl(0, 0%, 21%);
border-color: hsl(0, 0%, 29%); border-color: hsl(0, 0%, 29%);
@ -98,4 +96,8 @@ footer {
footer .field.has-addons { footer .field.has-addons {
justify-content: center; justify-content: center;
}
.bg {
opacity: 0.05;
} }