Egalware/NKC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout base top/bottom

Browse Source
This commit is contained in:
Samuele Locatelli
2021-11-25 08:51:40 +01:00
parent 2499ff1250
commit 59239b70ae
7 changed files with 175 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
REMAN/REMAN/Components/CmpFooter.razor
+16
View File
@@ -0,0 +1,16 @@
<div class="form-row text-light">
<div class="col-5 pr-0 text-left">
REMAN <span class="small">v.@version</span>
</div>
<div class="col-7 pl-0 text-right">
<span class="small">@adesso</span>
<a class="text-light" href="https://www.egalware.com/" target="_blank">Egalware<img class="img-fluid" width="16" src="img/LogoBlu.svg" /></a>
</div>
</div>
@code {
protected DateTime adesso = DateTime.Now;
Version version = typeof(Program).Assembly.GetName().Version;
}
REMAN/REMAN/Pages/Index.razor
+34 -24
View File
@@ -3,48 +3,58 @@
<PageTitle>Index</PageTitle>
<div class="row mt-lg-4">
<div class ="col-12 col-md-6 col-lg-6">
<h1>ReMan</h1>
Remnants Management App
<div class="row mt-4">
<div class="col-12 col-lg-8 col-xl-6 my-2">
</div>
<div class ="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-success" href="@NkcUrl">
<i class="fas fa-chess-board fa-3x" aria-hidden="true"></i>
<div class="h4 my-3">
<div class="h4 my-lg-3">
NKC site
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 my-2">
<NavLink class="btn btn-block btn-primary" href="Deposit">
<i class="fas fa-upload fa-3x" aria-hidden="true"></i>
<div class="h4 my-3">
Deposit
<div class="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-dark" href="Materials">
<i class="fas fa-star fa-3x" aria-hidden="true"></i>
<div class="h4 my-lg-3">
Materials list
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 my-2">
<NavLink class="btn btn-block btn-info" href="PickUp">
<i class="fas fa-download fa-3x" aria-hidden="true"></i>
<div class="h4 my-3">
PickUp
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 my-2">
<div class="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-secondary" href="Remnants">
<i class="fas fa-star-half fa-3x" aria-hidden="true"></i>
<div class="h4 my-3">
<div class="h4 my-lg-3">
Remnants list
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 my-2">
<NavLink class="btn btn-block btn-dark" href="Materials">
<i class="fas fa-star fa-3x" aria-hidden="true"></i>
<div class="h4 my-3">
Materials list
<div class="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-primary" href="Deposit">
<i class="fas fa-upload fa-3x" aria-hidden="true"></i>
<div class="h4 my-lg-3">
Deposit
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-info" href="PickUp">
<i class="fas fa-download fa-3x" aria-hidden="true"></i>
<div class="h4 my-lg-3">
PickUp
</div>
</NavLink>
</div>
<div class="col-12 col-md-6 col-lg-3 my-2">
<NavLink class="btn btn-block btn-warning" href="Search">
<i class="fas fa-qrcode fa-3x" aria-hidden="true"></i>
<div class="h4 my-lg-3">
Search
</div>
</NavLink>
</div>
REMAN/REMAN/Shared/LoginDisplay.razor
+8 -1
View File
@@ -1,3 +1,10 @@
<AuthorizeView>
Hello, @context.User.Identity?.Name!
<div class="d-flex">
<div class="px-2">
<i class="fas fa-user"></i>
</div>
<div class="px-2">
@context.User.Identity?.Name
</div>
</div>
</AuthorizeView>
REMAN/REMAN/Shared/MainLayout.razor
+6 -1
View File
@@ -1,5 +1,7 @@
@inherits LayoutComponentBase
@using REMAN.Components
<PageTitle>REMAN</PageTitle>
<div class="page">
@@ -10,11 +12,14 @@
<main>
<div class="top-row px-4 auth">
<LoginDisplay />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>
<article class="content px-4">
@Body
</article>
<div class="fixed-bottom bottom-row px-4">
<CmpFooter></CmpFooter>
</div>
</main>
</div>
REMAN/REMAN/Shared/MainLayout.razor.css
+7
View File
@@ -31,6 +31,13 @@ main {
text-overflow: ellipsis;
}
.bottom-row {
color: #dedede;
background-color: #000000;
height: 2rem;
align-items: center;
}
@media (max-width: 640.98px) {
.top-row:not(.auth) {
display: none;
REMAN/REMAN/Shared/NavMenu.razor
+9 -9
View File
@@ -22,8 +22,13 @@
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="Search">
<i class="fas fa-qrcode pr-2" aria-hidden="true"></i>Search
<NavLink class="nav-link" href="Materials">
<i class="fas fa-star pr-2" aria-hidden="true"></i>Materials list
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="Remnants">
<i class="fas fa-star-half pr-2" aria-hidden="true"></i>Remnants list
</NavLink>
</div>
<div class="nav-item px-3">
@@ -37,13 +42,8 @@
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="Remnants">
<i class="fas fa-star-half pr-2" aria-hidden="true"></i>Remnants list
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="Materials">
<i class="fas fa-star pr-2" aria-hidden="true"></i>Materials list
<NavLink class="nav-link" href="Search">
<i class="fas fa-qrcode pr-2" aria-hidden="true"></i>Search
</NavLink>
</div>
</nav>
REMAN/REMAN/wwwroot/img/LogoBlu.svg
+95
View File
@@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1812 1724" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1,0,0,1,-62.5279,-24.7416)">
<g transform="matrix(1,0,0,1,-454.136,-195.51)">
<g transform="matrix(-0.501863,-0.864947,0.864947,-0.501863,1249.19,2546.28)">
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
<g>
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
<g transform="matrix(-0.501185,0.86534,-0.86534,-0.501185,2825.79,206.681)">
<g transform="matrix(1.01361,0,0,1.01361,-98.1268,-7.77262)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.860544,0,0,0.860544,224.675,218.603)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,620.788,402.344)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.622449,0,0,0.622449,698.529,75.9479)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,860.019,461.031)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.588436,0,0,0.588436,867.019,230.692)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1122.59,500.927)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.47279,0,0,0.47279,1118.59,350.522)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
<g transform="matrix(0.372449,0,0,0.372449,1338.36,460.302)">
<circle cx="719.687" cy="344.98" r="113.149" style="fill:rgb(44,173,227);"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB