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

page connecté/non connecté finie avec navbar temporaire

Browse Source
vueIndex
NoaSlld 1 year ago
parent 3d43957fb4
commit 6773736997
2 changed files with 75 additions and 20 deletions
Show Stats Download Patch File Download Diff File

35
VeraxShield/VeraxShield/pages/Index.razor
Unescape View File

@ -17,12 +17,13 @@
--> -->
<head> <head>
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
</head> </head
<body> <AuthorizeView>
<NotAuthorized>
<body>
<header> <header>
<h1>VeraxShield</h1> <h1>VeraxShield</h1>
</header> </header>
@ -37,4 +38,30 @@
</div> </div>
</div> </div>
</main> </main>
</body> </body>
</NotAuthorized>
<Authorized>
<body>
<header>
<h1>VeraxShield</h1>
</header>
<nav class="navbar">
<div class="container">
<NavLink class="btn-navbar" href="/utilisateurs/liste">Liste des utilisateurs</NavLink>
<button type="button" class="btn btn-navbar ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
</div>
</nav>
<main>
<div class="home-center-box">
<h1> Adiu : @context.User.Identity.Name!</h1>
<p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
</div>
</main>
</body>
</Authorized>
</AuthorizeView>

30
VeraxShield/VeraxShield/wwwroot/css/index.css
Unescape View File

@ -1,8 +1,13 @@
body { /*Not Authorized
---------------------------------------------------
*/
body {
background-color: #afc1db; background-color: #afc1db;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
width: 100%;
} }
header { header {
@ -10,6 +15,7 @@ header {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
background-color:white;
} }
main { main {
@ -41,3 +47,25 @@ main {
display: block; display: block;
cursor: pointer; cursor: pointer;
} }
/*Authorized
---------------------------------------------------
*/
.navbar {
background-color: #053679;
}
.btn-navbar {
color: white;
background-color: none;
}
.home-center-box {
background-color: white;
padding: 40px;
text-align: center;
border-radius: 10px;
width: 80%;
}

Write Preview
Loading…
Cancel
Save