|
@@ -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 -->
|