Add official icons to the Import view

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

View File

@ -18,11 +18,16 @@
<div v-if="exportedAccounts.length > 0"> <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 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"> <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 --> <!-- 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 }} {{ account.account }}
</div> </div>
<div v-else class="has-ellipsis">{{ account.account }}</div> <div v-else class="is-flex-grow-1 has-ellipsis">{{ account.account }}</div>
<!-- buttons --> <!-- buttons -->
<div v-if="account.imported === -1" class="tags is-flex-wrap-nowrap"> <div v-if="account.imported === -1" class="tags is-flex-wrap-nowrap">
<!-- discard button --> <!-- discard button -->

View File

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