travail sur le design

buttons
Siwa12100 1 year ago
parent 2c29b4d6de
commit eefcb7e18c

@ -4,9 +4,8 @@
</Found> </Found>
<NotFound> <NotFound>
<CascadingAuthenticationState> <CascadingAuthenticationState>
<LayoutView Layout="@typeof(MainLayout)"> <VeraxShield.pages.erreurs.ErreurParDefaut/>
<p>Sorry, there's nothing at this address.</p>
</LayoutView>
</CascadingAuthenticationState> </CascadingAuthenticationState>
</NotFound> </NotFound>
</Router> </Router>

@ -43,8 +43,13 @@
</div> </div>
<div class="btn-container"> <div class="btn-container">
<Button Class="btn-se-connecter" Clicked="@OnSubmit">Se connecter</Button> <Button Class="btn-se-connecter" Clicked="@OnSubmit">
<Button Class="btn-s-inscrire" Clicked="@RedirectionInscription">S'inscrire</Button> <Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.Seedling" />
Se connecter</Button>
<Button Class="btn-s-inscrire" Clicked="@RedirectionInscription">
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.CreditCard" />
S'inscrire</Button>
</div> </div>

@ -103,8 +103,12 @@
</div> </div>
<div class="btn-container"> <div class="btn-container">
<Button Class="btn-se-connecter" Clicked="@OnSubmit">S'inscrire</Button> <Button Class="btn-se-connecter" Clicked="@OnSubmit">
<Button Class="btn-s-inscrire" Clicked="@OnAnnulation">Annuler</Button> <Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.CheckCircle" />
S'inscrire</Button>
<Button Class="btn-s-inscrire" Clicked="@OnAnnulation">
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.Reply" />
Annuler</Button>
</div> </div>

@ -34,7 +34,9 @@
<button type="button" class="btn btn-link" @onclick="@SeConnecter">Connexion</button> <button type="button" class="btn btn-link" @onclick="@SeConnecter">Connexion</button>
</div> </div>
<div class="button-container"> <div class="button-container">
<button type="button" class="btn btn-link" @onclick="@RetourVerax">Retourner sur Verax</button> <button type="button" class="btn btn-link" @onclick="@RetourVerax">
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.LocationArrow" />
Retourner sur Verax</button>
</div> </div>
</div> </div>
</main> </main>

@ -0,0 +1,17 @@
<head>
<link rel="stylesheet" href="css/pages/erreurs/ErreurParDefaut.css">
</head>
<Div Margin="Margin.IsAuto.OnX" TextAlignment="TextAlignment.Center">
<Div Padding="Padding.Is5.OnY">
<DisplayHeading Size="DisplayHeadingSize.Is1" TextWeight="TextWeight.Bold" TextColor="TextColor.Primary" Margin="Margin.Is4.FromBottom">
500
</DisplayHeading>
<Paragraph TextSize="TextSize.ExtraLarge" Margin="Margin.Is4.FromBottom">
Error intern dau servidor.
</Paragraph>
<Paragraph Margin="Margin.Is4.FromBottom">
Aquesta pagina existís pas
</Paragraph>
</Div>
</Div>

@ -6,9 +6,9 @@
<head> <head>
<link rel="stylesheet" href="css/pages/utilisateurs/listeUtilisateurs.css"> <link rel="stylesheet" href="css/pages/utilisateurs/listeUtilisateurs.css">
</head </head>
<body <body>
<div class="center-box lightBlueBG"> <div class="center-box lightBlueBG">
<h1> Utilisateurs de Verax</h1> <h1> Utilisateurs de Verax</h1>
<p class="margin10">Vous retrouverez ici les utilisateurs de Verax ainsi que les actions associées </p> <p class="margin10">Vous retrouverez ici les utilisateurs de Verax ainsi que les actions associées </p>

@ -2,5 +2,17 @@
<h1> Modifier l'utilisateur </h1> <h1> Modifier l'utilisateur </h1>
<head>
<link rel="stylesheet" href="css/pages/utilisateurs/ModifierUtilisateur.css">
</head>
<FormulaireModification Utilisateur="@Utilisateur" /> <FormulaireModification Utilisateur="@Utilisateur" />
<div class="test">
<VeraxShield.composants.authentification.FormulaireInscription>
</VeraxShield.composants.authentification.FormulaireInscription>
</div>

@ -5,6 +5,8 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
} }
.field-container { .field-container {
margin-bottom: 15px; margin-bottom: 15px;
} }

@ -0,0 +1,4 @@
/* body {
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
} */

@ -0,0 +1,9 @@
.test {
/* background-color: white; */
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
}
Loading…
Cancel
Save