Verax
/
Blazor_SAE
13
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fin du design du formulaire de modification

Browse Source
travailFormulairesJean
Siwa12100 1 year ago
parent cd779622f0
commit bbdcc2715a
5 changed files with 65 additions and 19 deletions
Show Stats Download Patch File Download Diff File

8
VeraxShield/VeraxShield/composants/formulaires/FormulaireModification.razor
Unescape View File

@ -1,3 +1,10 @@
<head>
<link rel="stylesheet" href="css/composants/formulaires/FormulaireModification.css">
</head>
<div class="formulaire-conteneur">
<h1 class="title-spacing"> Modifier l'utilisateur</h1>
<Validations @ref="Validations" Mode="ValidationMode.Manual" Model="Modele">
@ -86,3 +93,4 @@
</div>
</Validations>
</div>

2
VeraxShield/VeraxShield/pages/utilisateurs/ModifierUtilisateur.razor
Unescape View File

@ -1,7 +1,5 @@
@page "/utilisateurs/modifier/{pseudo}"
<h1> Modifier l'utilisateur </h1>
<head>
<link rel="stylesheet" href="css/pages/utilisateurs/ModifierUtilisateur.css">
</head>

13
VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireConnexion.css
Unescape View File

@ -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 */
} */

52
VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireModification.css
Unescape View File

@ -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;
}

7
VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/ModifierUtilisateur.css
Unescape View File

@ -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 */
}
Write Preview
Loading…
Cancel
Save