PeL/force-orange-2024
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/ForceOrange.git synced 2025-09-11 14:36:29 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🩹 fixing the visibility of the result when forgot pwd

Browse Source
This commit is contained in:
ChatonDeAru
2024-09-15 02:57:09 +02:00
parent 1581400595
commit 622841eed3
3 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
modules/app/components/PasswordStrength.vue
View File

@@ -29,6 +29,18 @@ const color = computed(() => {
<UMeter :value="strength.score" :max="4" :color="color">
<template #label>
<p class="text-sm font-thin">
<UPopover class="inline-block align-middle">
<UIcon name="i-mdi-info-circle" color="blue" class="w-5 h-5 mr-2 hover:text-blue-300" />
<template #panel>
<p class="max-w-sm p-4 text-gray-400 font-thin">
Un mot bon mot de passe est souvent lié au nombres de charactères (une phrase est un bon mot de
passe) et à sa complexité à deviner (non, votre code postal et le nom de votre lapin n'est pas un bon
motde
passe)
</p>
</template>
</UPopover>
<template v-if="strength.score === 1">
Le mot de passe est faible
</template>
@@ -44,16 +56,6 @@ const color = computed(() => {
</p>
</template>
</UMeter>
<UPopover>
<UIcon name="i-mdi-info-circle" color="blue" class="w-5 h-5 m-2 hover:text-blue-300" />
<template #panel>
<p class="max-w-sm p-4 text-gray-400 font-thin">
Un mot bon mot de passe est souvent lié au nombres de charactères (une phrase est un bon mot de
passe) et à sa complexité à deviner (non, votre code postal et le nom de votre lapin n'est pas un bon motde
passe)
</p>
</template>
</UPopover>
</div>
</div>
</template>