mfa_backup_codes.vue
No OneTemporary
Actions

Size

842 B

Referenced Files

None

Subscribers

None

mfa_backup_codes.vue
View Options

	<template>
	<div class="mfa-backup-codes">
	<h4 v-if="displayTitle">
	{{ $t('settings.mfa.recovery_codes') }}
	</h4>
	<i v-if="inProgress">{{ $t('settings.mfa.waiting_a_recovery_codes') }}</i>
	<template v-if="ready">
	<p class="alert warning">
	{{ $t('settings.mfa.recovery_codes_warning') }}
	</p>
	<ul class="backup-codes">
	<li
	v-for="code in backupCodes.codes"
	:key="code"
	>
	{{ code }}
	</li>
	</ul>
	</template>
	</div>
	</template>
	<script src="./mfa_backup_codes.js"></script>
	<style lang="scss">
	@import '../../../../_variables.scss';

	.mfa-backup-codes {
	.warning {
	color: $fallback--cOrange;
	color: var(--cOrange, $fallback--cOrange);
	}
	.backup-codes {
	font-family: var(--postCodeFont, monospace);
	}
	}
	</style>