PeL/force-orange-2024
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/ForceOrange.git synced 2025-09-11 06:26: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

5
modules/app/components/FOHeader.vue
View File

@@ -35,7 +35,7 @@ const signOut = async () => {
</script>
<template>
<UHeader :links="links" class="bg-white dark:bg-gray-900 rounded-xl shadow-lg mx-4 mt-4">
<UHeader class="bg-white dark:bg-gray-900 rounded-xl shadow-lg mx-4 mt-4">
<template #left>
<NuxtLink to="/">
<NuxtImg src="/assets/img/logo-fo.svg" alt="Force Orange" />
@@ -43,7 +43,7 @@ const signOut = async () => {
</template>
<template #right>
<UColorModeButton />
<UHeaderLinks class="mx-2" :ui="{ base: 'gap-2' }" :links="links" />
<template v-if="user">
<UButton to="/profile" :loading="loading" icon="i-mdi-account-circle">
@@ -53,6 +53,7 @@ const signOut = async () => {
</template>
<UButton v-else to="/signin" variant="soft">Se connecter</UButton>
<UColorModeButton />
</template>
</UHeader>

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>