page index finie

vueIndex
NoaSlld 1 year ago
parent 9ebacf1d1e
commit 3d43957fb4

@ -1,5 +1,6 @@
@page "/" @page "/"
<!--
<h1>VeraxShield</h1> <h1>VeraxShield</h1>
<button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button> <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button>
@ -9,7 +10,31 @@
<h1> Adiu : @context.User.Identity.Name!</h1> <h1> Adiu : @context.User.Identity.Name!</h1>
<p>Podètz veire aquest contengut solament se sètz autentificat ! </p> <p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
<NavLink href="/utilisateurs/liste"> --> Liste des utilisateurs</NavLink> <NavLink href="/utilisateurs/liste"> -> Liste des utilisateurs</NavLink>
<button type="button" class="btn btn-link ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button> <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
</AuthorizeView> </AuthorizeView>
-->
<head>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
<h1>VeraxShield</h1>
</header>
<main>
<div class="center-box">
<div class="button-container">
<button type="button" class="btn btn-link" @onclick="@SeConnecter">Connexion</button>
</div>
<div class="button-container">
<button type="button" class="btn btn-link" @onclick="@RetourVerax">Retourner sur Verax</button>
</div>
</div>
</main>
</body>

@ -19,5 +19,10 @@ namespace VeraxShield.pages
{ {
NavigationManager.NavigateTo("/connexion"); NavigationManager.NavigateTo("/connexion");
} }
private void RetourVerax()
{
NavigationManager.NavigateTo("https://www.verax.com");
}
} }
} }

@ -0,0 +1,43 @@
body {
background-color: #afc1db;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
header {
color: #053679;
text-align: center;
padding: 10px;
margin: 0;
}
main {
display: flex;
justify-content: center;
align-items: center;
height: 80vh;
margin-top:10vh;
}
.center-box {
background-color: white;
padding: 20px;
text-align: center;
border-radius: 10px;
}
.button-container {
margin-top: 10px;
}
.btn-link {
color: white;
background-color: #053679;
margin: 5px;
padding: 10px;
border: none;
border-radius: 5px;
display: block;
cursor: pointer;
}
Loading…
Cancel
Save