travail sur le formulaire de modification

VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor

@@ -6,7 +6,7 @@
                 <Field Horizontal>
                     <FieldLabel ColumnSize="ColumnSize.Is2">Pseudo</FieldLabel>
                     <FieldBody ColumnSize="ColumnSize.Is10">
-                        <TextEdit Placeholder="Entrez votre pseudo" @bind-Value="@Modele.Pseudo">
+                        <TextEdit Placeholder="Entrez votre pseudo" @bind-Text="@Modele.Pseudo">
                             <Feedback>
                                 <ValidationError />
                             </Feedback>

VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor

@@ -6,5 +6,9 @@
     <link rel="stylesheet" href="css/pages/utilisateurs/ModifierUtilisateur.css">
 </head>
 
-
+<div class="container">
-<FormulaireModification/>
+    <div class="formulaire-modification">
+        <FormulaireModification  Utilisateur="@Utilisateur"/>
+    </div>
+    
+</div>

VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor.cs

@@ -14,7 +14,7 @@ namespace VeraxShield.pages.utilisateurs
         [Inject]
         private IUtilisateursDataService utilisateursDataService {get; set;}
 
-        private Utilisateur utilisateur {get; set;}
+        //private Utilisateur utilisateur {get; set;}
 
         protected override async Task OnInitializedAsync()
 		{

VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css

@@ -0,0 +1,13 @@
+/* .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh; /* 100% de la hauteur de la vue */
+}
+
+.formulaire-modification {
+    width: 50%;
+    padding: 20px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre au formulaire */
+    border-radius: 10px; /* Ajoute des bords arrondis au formulaire */
+} */

VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css

@@ -1,9 +1,13 @@
-.test {
+.container {
-    /* background-color: white; */
+    display: flex;
-    background-color: #8EC5FC;
+    justify-content: center;
-    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
+    align-items: center;
+    height: 100vh; /* 100% de la hauteur de la vue */
+}
 
+.formulaire-modification {
+    width: 50%;
     padding: 20px;
-    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre au formulaire */
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
+    border-radius: 10px; /* Ajoute des bords arrondis au formulaire */
 }