feat: 💄 button icons for security

This commit is contained in:
ThatOneCalculator 2023-06-15 16:42:24 -07:00
parent 16b2eda924
commit 892a9ad0b6
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
3 changed files with 14 additions and 11 deletions

View File

@ -35,7 +35,7 @@
<a :href="twoFactorData.url"
><img :class="$style.qr" :src="twoFactorData.qr"
/></a>
<div style="max-width: 600px;">
<div style="max-width: 600px">
<MkKeyValue :copy="twoFactorData.url">
<template #key>{{ i18n.ts._2fa.step2Url }}</template>
<template #value>{{ twoFactorData.url }}</template>

View File

@ -12,14 +12,16 @@
<div v-if="$i.twoFactorEnabled" class="_gaps_s">
<div v-text="i18n.ts._2fa.alreadyRegistered" />
<template v-if="$i.securityKeysList.length > 0">
<MkButton @click="renewTOTP">{{
i18n.ts._2fa.renewTOTP
}}</MkButton>
<MkButton @click="renewTOTP"
><i class="ph-shield-check ph-bold ph-lg"></i
>{{ i18n.ts._2fa.renewTOTP }}</MkButton
>
<MkInfo>{{ i18n.ts._2fa.whyTOTPOnlyRenew }}</MkInfo>
</template>
<MkButton v-else @click="unregisterTOTP">{{
i18n.ts.unregister
}}</MkButton>
<MkButton v-else @click="unregisterTOTP"
><i class="ph-shield-slash ph-bold ph-lg"></i
>{{ i18n.ts.unregister }}</MkButton
>
</div>
<MkButton
@ -51,9 +53,10 @@
</MkInfo>
<template v-else>
<MkButton primary @click="addSecurityKey">{{
i18n.ts._2fa.registerSecurityKey
}}</MkButton>
<MkButton primary @click="addSecurityKey"
><i class="ph-key ph-bold ph-lg"></i
>{{ i18n.ts._2fa.registerSecurityKey }}</MkButton
>
<MkFolder
v-for="key in $i.securityKeysList"
:key="key.id"

View File

@ -1,6 +1,6 @@
<template>
<div class="_formRoot">
<FormSection>
<FormSection style="border: none !important">
<template #label>{{ i18n.ts.password }}</template>
<MkButton primary @click="change()">{{
i18n.ts.changePassword