Small layout tweaks (#43)

This commit is contained in:
Robert Sandu
2017-09-01 16:15:42 +03:00
committed by Steve Smith
parent 19c10ed0e5
commit b90bd08d11
4 changed files with 98 additions and 89 deletions

View File

@@ -1,10 +1,11 @@
@model PaginationInfoViewModel
<div class="esh-pager">
<div class="container">
<div class="container-fluid">
<article class="esh-pager-wrapper row">
<nav>
<a class="esh-pager-item esh-pager-item--navigable @Model.Previous"
<div class="col-md-2 col-xs-12">
<a class="esh-pager-item-left esh-pager-item--navigable @Model.Previous"
id="Previous"
asp-controller="Catalog"
asp-action="Index"
@@ -12,12 +13,16 @@
aria-label="Previous">
Previous
</a>
</div>
<div class="col-md-8 col-xs-12">
<span class="esh-pager-item">
Showing @Model.ItemsPerPage of @Model.TotalItems products - Page @(Model.ActualPage + 1) - @Model.TotalPages
</span>
</div>
<a class="esh-pager-item esh-pager-item--navigable @Model.Next"
<div class="col-md-2 col-xs-12">
<a class="esh-pager-item-right esh-pager-item--navigable @Model.Next"
id="Next"
asp-controller="Catalog"
asp-action="Index"
@@ -25,6 +30,7 @@
aria-label="Next">
Next
</a>
</div>
</nav>
</article>
</div>

View File

@@ -24,13 +24,12 @@
<article class="row">
<section class="col-lg-7 col-md-6 col-xs-12">
<a class="navbar-brand" routerLink="catalog">
<a asp-area="" asp-controller="Catalog" asp-action="Index">
<img src="../images/brand.png" />
<a asp-area="" asp-controller="Catalog" asp-action="Index" class="navbar-brand">
<img src="../images/brand.png" alt="eShop On Web"/>
</a>
</section>
@await Html.PartialAsync("_LoginPartial")
<section class="col-lg-1 col-xs-12"><a asp-controller="Basket" asp-action="Index">Basket</a></section>
<section class="col-lg-1 col-md-3 col-xs-6"><a asp-controller="Basket" asp-action="Index">Basket</a></section>
</article>
</div>

View File

@@ -40,7 +40,7 @@
}
else
{
<section class="col-lg-4 col-md-5 col-xs-12">
<section class="col-lg-1 col-lg-offset-3 col-md-3 col-xs-6">
<div class="esh-identity">
<section class="esh-identity-section">
<div class="esh-identity-item">

View File

@@ -3,8 +3,12 @@
text-align: center;
}
.esh-pager-item {
margin: 0 5vw;
.esh-pager-item-left {
float: left;
}
.esh-pager-item-right {
float: right;
}
.esh-pager-item--navigable {