paul/yavsc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout & style

Browse Source
This commit is contained in:
Paul Schneider
2023-04-06 20:21:45 +01:00
parent b46c4b3447
commit 58076d4e7b
3 changed files with 38 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Yavsc/Views/Shared/_Layout.cshtml
View File

@ -22,7 +22,7 @@
</head>
<body>
<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="navbar-header">
<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>
</ul>
</li>
@await Html.PartialAsync("_LoginPartial")
</ul>
@await Html.PartialAsync("_LoginPartial")
</div>
</div>
</nav>

36
src/Yavsc/Views/Shared/_LoginPartial.cshtml
View File

@ -2,16 +2,10 @@
@inject SignInManager<ApplicationUser> SignInManager
@inject UserManager<ApplicationUser> UserManager
<ul class="navbar-nav">
@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">
<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>
</a>
<ul class="dropdown-menu">
@ -36,27 +30,27 @@
<li><a asp-controller="MailingTemplate" asp-action="Index">Emailing</a></li>
</ul>
</li>}
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">Hello @UserManager.GetUserName(User)!</a>
<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="nav-item">
<a class="nav-link" asp-controller="ApiKeys" asp-action="Index" title="Api Keys">Your API keys</a>
<li>
<a class="navbar-link"asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage">
Hello @UserManager.GetUserName(User)!</a>
</li>
<li class="nav-item">
<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>
<li>
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })">
<button type="submit" class="navbar-link">Logout</button>
</form>
</li>
}
else
{
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Register">Register</a>
<li>
<a class="navbar-link" asp-area="Identity" asp-page="/Account/Register">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" asp-area="Identity" asp-page="/Account/Login">Login</a>
<li class="navbar-link">
<a class="navbar-link" asp-area="Identity" asp-page="/Account/Login">Login</a>
</li>
}
</ul>

27
src/Yavsc/wwwroot/css/main/site.css
View File

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