extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-01-23 06:38:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add official icons to the Import view

Browse Source
This commit is contained in:
Bubka 2022-07-28 13:17:22 +02:00
parent f336a4f24a
commit 51719b01d0
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/views/twofaccounts/Import.vue
View File

@ -18,11 +18,16 @@
<div v-if="exportedAccounts.length > 0">
<div v-for="(account, index) in exportedAccounts" :key="account.name" class="group-item has-text-light is-size-5 is-size-6-mobile">
<div class="is-flex is-justify-content-space-between">
<!-- icon -->
<!-- <div v-if="account.icon && $root.appSettings.showAccountsIcons">
<img class="account-icon" :src="'/storage/icons/' + account.icon">
</div> -->
<!-- Account name -->
<div v-if="account.id > -2 && account.imported !== 0" class="has-ellipsis is-clickable" @click="previewAccount(index)" :title="$t('twofaccounts.import.generate_a_test_password')">
<div v-if="account.id > -2 && account.imported !== 0" class="is-flex-grow-1 has-ellipsis is-clickable" @click="previewAccount(index)" :title="$t('twofaccounts.import.generate_a_test_password')">
<img v-if="account.icon && $root.appSettings.showAccountsIcons" class="import-icon" :src="'/storage/icons/' + account.icon">
{{ account.account }}
</div>
<div v-else class="has-ellipsis">{{ account.account }}</div>
<div v-else class="is-flex-grow-1 has-ellipsis">{{ account.account }}</div>
<!-- buttons -->
<div v-if="account.imported === -1" class="tags is-flex-wrap-nowrap">
<!-- discard button -->

7
resources/sass/app.scss vendored
View File

@ -235,6 +235,13 @@ a:hover {
margin-right: .1em;
}
.import-icon {
height: 1em;
width: 1em;
margin-right: 0.2em;
vertical-align: sub;
}
.tfa-container span {
display: block;
}