mirror of
https://github.com/Bubka/2FAuth.git
synced 2025-01-23 06:38:34 +01:00
Add official icons to the Import view
This commit is contained in:
parent
f336a4f24a
commit
51719b01d0
@ -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 -->
|
||||||
|
7
resources/sass/app.scss
vendored
7
resources/sass/app.scss
vendored
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user