소스 검색

Add official icons to the Import view

Bubka 3 년 전
부모
커밋
51719b01d0
2개의 변경된 파일14개의 추가작업 그리고 2개의 파일을 삭제
  1. 7 2
      resources/js/views/twofaccounts/Import.vue
  2. 7 0
      resources/sass/app.scss

+ 7 - 2
resources/js/views/twofaccounts/Import.vue

@@ -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 - 0
resources/sass/app.scss

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