From bbdcc2715a7499d68d905388e5df9ec5ce3c5ea1 Mon Sep 17 00:00:00 2001 From: Siwa12100 Date: Wed, 17 Jan 2024 10:55:30 +0100 Subject: [PATCH] fin du design du formulaire de modification --- .../formulaires/FormulaireModification.razor | 10 +++- .../utilisateurs/ModifierUtilisateur.razor | 2 - .../formulaires/FormulaireConnexion.css | 13 ----- .../formulaires/FormulaireModification.css | 52 +++++++++++++++++++ .../utilisateurs/ModifierUtilisateur.css | 7 +-- 5 files changed, 65 insertions(+), 19 deletions(-) delete mode 100644 VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css create mode 100644 VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireModification.css diff --git a/VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor b/VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor index 246e1d8..8290282 100644 --- a/VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor +++ b/VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor @@ -1,3 +1,10 @@ + + + + +
+ +

Modifier l'utilisateur

@@ -85,4 +92,5 @@ Annuler
- \ No newline at end of file + + \ No newline at end of file diff --git a/VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor b/VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor index 758b4e9..9253661 100644 --- a/VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor +++ b/VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor @@ -1,7 +1,5 @@ @page "/utilisateurs/modifier/{pseudo}" -

Modifier l'utilisateur

- diff --git a/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css b/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css deleted file mode 100644 index c85d298..0000000 --- a/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css +++ /dev/null @@ -1,13 +0,0 @@ -/* .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 */ -} */ \ No newline at end of file diff --git a/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireModification.css b/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireModification.css new file mode 100644 index 0000000..dd5ea0e --- /dev/null +++ b/VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireModification.css @@ -0,0 +1,52 @@ +/* Ajoutez ces styles à votre fichier CSS associé au composant (FormulaireModification.css) */ + +.formulaire-conteneur { + + 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 */ + + /* background-color: black; */ + background-color: #8BC6EC; + background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); + + color: white; /* Définit la couleur du texte à blanc */ + padding: 20px; /* Ajoute une marge intérieure pour plus de lisibilité */ +} + +.title-spacing { + margin-bottom: 20px; /* Ajoute une séparation entre le titre et le reste du contenu */ +} + +.field-container { + margin-bottom: 15px; /* Ajoute une séparation entre chaque champ */ +} + +/* Rend les labels en gras et blancs */ +.field-label { + font-weight: bold; + color: white; +} + +.btn-container { + display: flex; + justify-content: center; + margin-top: 20px; /* Ajoute une séparation entre les champs et les boutons */ +} + +.btn-se-connecter { + /* background-color: darkblue; */ + + /*background: #F3904F; fallback for old browsers */ + /*background: -webkit-linear-gradient(to right, #3B4371, #F3904F); Chrome 10-25, Safari 5.1-6 */ + /*background: linear-gradient(to right, #3B4371, #F3904F); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + + background: white; + color: black; + margin-right: 10px; /* Ajoute un espace entre les deux boutons */ +} + +.btn-s-inscrire { + background-color: white; + /* color: white; */ + color: black; +} diff --git a/VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css b/VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css index f2d3b99..6f3b0c0 100644 --- a/VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css +++ b/VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css @@ -7,7 +7,8 @@ .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 */ + /* background-color: green; + 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 */ } \ No newline at end of file