extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2024-11-25 01:34:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

qrcode button with icon

Browse Source
This commit is contained in:
Bubka 2020-01-05 21:07:49 +01:00
parent 9c25e8f4e3
commit d9344d9c28
2 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/app.js vendored
View File

@ -12,9 +12,11 @@ import Edit from './views/Edit'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faPlusCircle } from '@fortawesome/free-solid-svg-icons'
import { faQrcode } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faPlusCircle);
library.add(faQrcode);
Vue.component('font-awesome-icon', FontAwesomeIcon)

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

@ -9,23 +9,18 @@
<form @submit.prevent="createAccount">
<h1 class="subtitle is-2">New account</h1>
<div class="field">
<label class="label">qr code</label>
<div class="control">
</div>
</div>
<div class="file has-name is-fullwidth">
<div class="file is-dark is-boxed">
<label class="file-label">
<input type="file" class="file-input" accept="image/*" v-on:change="uploadQrcode" ref="fileInput">
<input class="file-input" type="file" accept="image/*" v-on:change="uploadQrcode" ref="fileInput">
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-qrcode"></i>
<font-awesome-icon :icon="['fas', 'qrcode']" />
</span>
<span class="file-label">Use a QR Code</span>
<span class="file-label">Upload a qrcode</span>
</span>
<span class="file-name">Screen Shot 2017-07-29 at 15.54.25.png</span>
</label>
</div>
</div>
<div class="field">
<label class="label">Service</label>
<div class="control">