fix

frontend/src/views/Register.vue

@@ -68,7 +68,10 @@
                 >
               </div>
               <div>
-                <label for="username" class="label text-sm sm:text-base">Nom d'utilisateur</label>
+                <label for="username" class="label text-sm sm:text-base">
+                  Identifiant unique
+                  <span class="text-xs text-gray-500 font-normal ml-1">(non modifiable)</span>
+                </label>
                 <input 
                   id="username" 
                   v-model="form.username" 
@@ -76,22 +79,26 @@
                   required 
                   minlength="3" 
                   class="input text-sm sm:text-base" 
-                  placeholder="nom_utilisateur"
+                  placeholder="mon_pseudo"
                   @blur="touchedFields.username = true"
                 >
               </div>
             </div>
             <div>
-              <label for="full_name" class="label text-sm sm:text-base">Nom complet</label>
+              <label for="full_name" class="label text-sm sm:text-base">
+                Pseudo affiché
+                <span class="text-xs text-gray-500 font-normal ml-1">(modifiable plus tard)</span>
+              </label>
               <input 
                 id="full_name" 
                 v-model="form.full_name" 
                 type="text" 
                 required 
                 class="input text-sm sm:text-base" 
-                placeholder="Prénom Nom"
+                placeholder="Ton surnom / prénom"
                 @blur="touchedFields.full_name = true"
               >
+              <p class="text-xs text-gray-500 mt-1">C'est ce qui sera affiché aux autres membres</p>
             </div>
             <div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6">
               <div>
@@ -337,6 +344,9 @@
     <PWAInstallTutorial 
       :show="showPWAInstructions"
       :is-ios="isIOS"
+      :is-android="isAndroid"
+      :is-windows="isWindows"
+      :is-mac="isMac"
       @close="showPWAInstructions = false"
     />
   </div>
@@ -451,6 +461,9 @@ const isMobile = ref(false)
 const showPWAInstructions = ref(false)
 
 const isIOS = computed(() => /iPhone|iPad|iPod/i.test(navigator.userAgent))
+const isAndroid = computed(() => /Android/i.test(navigator.userAgent))
+const isWindows = computed(() => /Windows/i.test(navigator.userAgent))
+const isMac = computed(() => /Macintosh|Mac OS/i.test(navigator.userAgent) && !isIOS.value)
 
 function checkIfMobile() {
   isMobile.value = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || 
@@ -476,8 +489,8 @@ async function handleInstallApp() {
     } catch (error) {
       console.error('Erreur lors de l\'installation:', error)
     }
-  } else if (isMobile.value) {
-    // Sur mobile sans beforeinstallprompt, afficher les instructions
+  } else {
+    // Si pas de beforeinstallprompt, afficher les instructions (mobile ou desktop)
     showPWAInstructions.value = true
   }
 }