mfa_backup_codes.vue (775B)
1 <template>
2 <div>
3 <h4 v-if="displayTitle">
4 {{ $t('settings.mfa.recovery_codes') }}
5 </h4>
6 <i v-if="inProgress">{{ $t('settings.mfa.waiting_a_recovery_codes') }}</i>
7 <template v-if="ready">
8 <p class="alert warning">
9 {{ $t('settings.mfa.recovery_codes_warning') }}
10 </p>
11 <ul class="backup-codes">
12 <li
13 v-for="code in backupCodes.codes"
14 :key="code"
15 >
16 {{ code }}
17 </li>
18 </ul>
19 </template>
20 </div>
21 </template>
22 <script src="./mfa_backup_codes.js"></script>
23 <style lang="scss">
24 @import '../../_variables.scss';
25
26 .warning {
27 color: $fallback--cOrange;
28 color: var(--cOrange, $fallback--cOrange);
29 }
30 .backup-codes {
31 font-family: var(--postCodeFont, monospace);
32 }
33 </style>