layout & style

dotnet-7.0
Paul Schneider 1 year ago
parent b46c4b3447
commit 58076d4e7b
3 changed files with 38 additions and 29 deletions

@ -22,7 +22,7 @@
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <nav class="navbar-inverse navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@ -53,8 +53,8 @@
<li><a onclick="setUiCult('pt')" style="cursor:pointer">@SR["Portugais"]</a></li> <li><a onclick="setUiCult('pt')" style="cursor:pointer">@SR["Portugais"]</a></li>
</ul> </ul>
</li> </li>
@await Html.PartialAsync("_LoginPartial")
</ul> </ul>
@await Html.PartialAsync("_LoginPartial")
</div> </div>
</div> </div>
</nav> </nav>

@ -2,16 +2,10 @@
@inject SignInManager<ApplicationUser> SignInManager @inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager @inject UserManager<ApplicationUser> UserManager
<ul class="navbar-nav">
@if (SignInManager.IsSignedIn(User)) @if (SignInManager.IsSignedIn(User))
{ {
<li>
<a asp-controller="Manage" class="navbar-link" asp-action="Index" title="Manage">
<img src="/Avatars/@(User.GetUserName()).xs.png" asp-append-version="true" class="smalltofhol" />
</a>
</li>
<li class="dropdown"> <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <a class="dropdown-toggle navbar-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
Plateforme <span class="caret"></span> Plateforme <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -36,27 +30,27 @@
<li><a asp-controller="MailingTemplate" asp-action="Index">Emailing</a></li> <li><a asp-controller="MailingTemplate" asp-action="Index">Emailing</a></li>
</ul> </ul>
</li>} </li>}
<li>
<a asp-controller="Manage" class="navbar-link" asp-action="Index" title="Manage">
<li class="nav-item"> <img src="/avatars/@(User.GetUserName()).xs.png" asp-append-version="true" class="smalltofhol" />
<a class="nav-link" asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">Hello @UserManager.GetUserName(User)!</a> </a>
</li> </li>
<li class="nav-item"> <li>
<a class="nav-link" asp-controller="ApiKeys" asp-action="Index" title="Api Keys">Your API keys</a> <a class="navbar-link"asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">
Hello @UserManager.GetUserName(User)!</a>
</li> </li>
<li class="nav-item"> <li>
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })"> <form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })">
<button type="submit" class="nav-link btn btn-link">Logout</button> <button type="submit" class="navbar-link">Logout</button>
</form> </form>
</li> </li>
} }
else else
{ {
<li class="nav-item"> <li>
<a class="nav-link" asp-area="Identity" asp-page="/Account/Register">Register</a> <a class="navbar-link" asp-area="Identity" asp-page="/Account/Register">Register</a>
</li> </li>
<li class="nav-item"> <li class="navbar-link">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Login">Login</a> <a class="navbar-link" asp-area="Identity" asp-page="/Account/Login">Login</a>
</li> </li>
} }
</ul>

@ -1,13 +1,24 @@
.navbar-link, .navbar-link,
.navbar-nav .dropdown>a { .navbar-nav .dropdown>a,
.navbar-nav .dropdown>button
{
background-color: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .2);
color: #9d9d9d;
border-radius: 2em; border-radius: 2em;
padding: 1em;
} }
.navbar-link:hover, .navbar-link:hover,
.navbar-link:focus { .navbar-link:focus,
.navbar-nav .dropdown>a:hover,
.navbar-nav .dropdown>button:hover,
.navbar-nav .dropdown>a:focus,
.navbar-nav .dropdown>button:focus
{
background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .4);
color: yellow;
} }
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:hover { .navbar-inverse .navbar-nav li a:hover {
color: #fff; color: #fff;
@ -21,20 +32,24 @@
} }
.navbar .navbar-brand { .navbar .navbar-brand {
background-color: unset; background-color: black;
color: white;
} }
.navbar .navbar-brand:focus { .navbar .navbar-brand:focus {
background-color: unset; background-color: #aaa;
color: black;
} }
.navbar-inverse .navbar-brand { .navbar-inverse .navbar-brand {
background-color: unset; background-color: black;
color: white;
} }
.navbar-inverse .navbar-brand:focus { .navbar-inverse .navbar-brand:focus {
background-color: unset; background-color: #9d9d9d;
color: white;
} }
.ql-editor { .ql-editor {

Loading…