mirror of https://github.com/abpframework/abp.git
Armağan Ünlü
7 years ago
14 changed files with 207 additions and 153 deletions
@ -1,20 +1,21 @@ |
|||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Brand |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Brand |
||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Menu |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Menu |
||||
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Toolbar |
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Themes.Basic.Components.Toolbar |
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" id="main-navbar"> |
<nav class="navbar navbar-expand-md navbar-dark bg-dark shadow-sm flex-column flex-md-row mb-4" id="main-navbar" style="min-height: 4rem;"> |
||||
@(await Component.InvokeAsync<MainNavbarBrandViewComponent>()) |
<div class="container"> |
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" |
@(await Component.InvokeAsync<MainNavbarBrandViewComponent>()) |
||||
data-target="#main-navbar-collapse" aria-controls="main-navbar-collapse" |
<button class="navbar-toggler" type="button" data-toggle="collapse" |
||||
aria-expanded="false" aria-label="Toggle navigation"> |
data-target="#main-navbar-collapse" aria-controls="main-navbar-collapse" |
||||
<span class="navbar-toggler-icon"></span> |
aria-expanded="false" aria-label="Toggle navigation"> |
||||
</button> |
<span class="navbar-toggler-icon"></span> |
||||
<div class="collapse navbar-collapse" id="main-navbar-collapse"> |
</button> |
||||
<ul class="navbar-nav mr-auto"> |
<div class="collapse navbar-collapse" id="main-navbar-collapse"> |
||||
@(await Component.InvokeAsync<MainNavbarMenuViewComponent>()) |
<ul class="navbar-nav mx-auto"> |
||||
</ul> |
@(await Component.InvokeAsync<MainNavbarMenuViewComponent>()) |
||||
|
</ul> |
||||
<span id="main-navbar-tools"> |
<ul class="navbar-nav"> |
||||
@(await Component.InvokeAsync<MainNavbarToolbarViewComponent>()) |
@(await Component.InvokeAsync<MainNavbarToolbarViewComponent>()) |
||||
</span> |
</ul> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</nav> |
</nav> |
||||
@ -1,36 +1,59 @@ |
|||||
body { |
|
||||
padding-top: 5rem; |
|
||||
} |
|
||||
|
|
||||
body.abp-empty-layout { |
|
||||
padding-top: 0; |
|
||||
} |
|
||||
|
|
||||
#main-navbar-tools a.dropdown-toggle { |
#main-navbar-tools a.dropdown-toggle { |
||||
text-decoration: none; |
text-decoration: none; |
||||
color: #fff; |
color: #fff; |
||||
} |
} |
||||
|
|
||||
/* Main Menu */ |
|
||||
|
|
||||
.navbar .dropdown-submenu { |
.navbar .dropdown-submenu { |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
|
.navbar .dropdown-menu { |
||||
.navbar .dropdown-submenu a { |
margin: 0; |
||||
padding: 0.25rem 1.4rem; |
padding: 0; |
||||
|
} |
||||
|
.navbar .dropdown-menu a { |
||||
|
font-size: .9em; |
||||
|
padding: 10px 15px; |
||||
|
display: block; |
||||
|
min-width: 210px; |
||||
|
text-align: left; |
||||
|
border-radius: 0.25rem; |
||||
|
min-height: 44px; |
||||
} |
} |
||||
|
.navbar .dropdown-submenu a::after { |
||||
|
transform: rotate(-90deg); |
||||
|
position: absolute; |
||||
|
right: 16px; |
||||
|
top: 18px; |
||||
|
} |
||||
|
.navbar .dropdown-submenu .dropdown-menu { |
||||
|
top: 0; |
||||
|
left: 100%; |
||||
|
} |
||||
|
|
||||
|
.card-header .btn { |
||||
|
padding: 2px 6px; |
||||
|
} |
||||
|
.card-header h5 { |
||||
|
margin: 0; |
||||
|
} |
||||
|
.container > .card { |
||||
|
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; |
||||
|
} |
||||
|
|
||||
.navbar .dropdown-submenu a::after { |
@media screen and (min-width: 768px) { |
||||
transform: rotate(-90deg); |
.navbar .dropdown:hover > .dropdown-menu { |
||||
position: absolute; |
display: block; |
||||
right: 16px; |
} |
||||
top: 18px; |
|
||||
} |
|
||||
|
|
||||
.navbar .dropdown-submenu .dropdown-menu { |
.navbar .dropdown-submenu:hover > .dropdown-menu { |
||||
top: 0; |
display: block; |
||||
left: 100%; |
|
||||
margin-left: .1rem; |
|
||||
margin-right: .1rem; |
|
||||
} |
} |
||||
|
} |
||||
|
.input-validation-error { |
||||
|
border-color: #dc3545; |
||||
|
} |
||||
|
.field-validation-error { |
||||
|
font-size: 0.8em; |
||||
|
} |
||||
|
|
||||
@ -1,10 +1,19 @@ |
|||||
@page |
@page |
||||
@model Volo.Abp.Account.Web.Pages.Account.RegisterModel |
@model Volo.Abp.Account.Web.Pages.Account.RegisterModel |
||||
@inherits Volo.Abp.Account.Web.Pages.Account.AccountPage |
@inherits Volo.Abp.Account.Web.Pages.Account.AccountPage |
||||
<h2>@L["Register"]</h2> |
|
||||
<form method="post"> |
<div class="card mt-3 shadow-sm rounded"> |
||||
<abp-input asp-for="Input.UserName" auto-focus="true" /> |
<div class="card-body p-5"> |
||||
<abp-input asp-for="Input.EmailAddress" /> |
<h4>@L["Register"]</h4> |
||||
<abp-input asp-for="Input.Password" /> |
<strong> |
||||
<abp-button button-type="Primary" type="submit">@L["Register"]</abp-button> |
Already registered? |
||||
</form> |
<a href="@Url.Page("./Login", new {returnUrl = Model.ReturnUrl, returnUrlHash = Model.ReturnUrlHash})" class="text-decoration-none">@L["Login"]</a> |
||||
|
</strong> |
||||
|
<form method="post" class="mt-4"> |
||||
|
<abp-input asp-for="Input.UserName" auto-focus="true" /> |
||||
|
<abp-input asp-for="Input.EmailAddress" /> |
||||
|
<abp-input asp-for="Input.Password" /> |
||||
|
<abp-button button-type="Primary" type="submit" class="btn-lg btn-block mt-4">@L["Register"]</abp-button> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
|||||
Loading…
Reference in new issue