mirror of
https://github.com/LBPUnion/ProjectLighthouse.git
synced 2025-09-02 23:56:17 +00:00
Fix the entire page layout because i somehow managed to break it
This commit is contained in:
parent
05acedcdc7
commit
c804479e0c
2 changed files with 45 additions and 37 deletions
|
@ -28,21 +28,12 @@
|
|||
<link rel="stylesheet" type="text/css" href="~/css/styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.8/dist/semantic.min.css">
|
||||
</head>
|
||||
<header class="lighthouse-header">
|
||||
<div class="ui attached menu">
|
||||
<div class="ui container">
|
||||
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
|
||||
{
|
||||
<a class="item" href="@navigationItem.Url">
|
||||
@if (navigationItem.Icon != null)
|
||||
{
|
||||
<i class="@navigationItem.Icon icon"></i>
|
||||
}
|
||||
@navigationItem.Name
|
||||
</a>
|
||||
}
|
||||
<div class="right menu">
|
||||
@foreach (PageNavigationItem navigationItem in Model!.NavigationItemsRight)
|
||||
<body>
|
||||
<div class="pageContainer">
|
||||
<header class="lighthouse-header">
|
||||
<div class="ui attached menu">
|
||||
<div class="ui container">
|
||||
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
|
||||
{
|
||||
<a class="item" href="@navigationItem.Url">
|
||||
@if (navigationItem.Icon != null)
|
||||
|
@ -52,27 +43,40 @@
|
|||
@navigationItem.Name
|
||||
</a>
|
||||
}
|
||||
<div class="right menu">
|
||||
@foreach (PageNavigationItem navigationItem in Model!.NavigationItemsRight)
|
||||
{
|
||||
<a class="item" href="@navigationItem.Url">
|
||||
@if (navigationItem.Icon != null)
|
||||
{
|
||||
<i class="@navigationItem.Icon icon"></i>
|
||||
}
|
||||
@navigationItem.Name
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<body>
|
||||
<div class="ui container">
|
||||
<br>
|
||||
@RenderBody()
|
||||
<div style="height: 50px; width: 1px;"></div> @* makes it look nicer *@
|
||||
</div>
|
||||
</body>
|
||||
<footer>
|
||||
<div class="ui black attached inverted segment">
|
||||
</header>
|
||||
<div class="main">
|
||||
<div class="ui container">
|
||||
|
||||
<p>Page generated by @GitVersionHelper.FullVersion.</p>
|
||||
@if (GitVersionHelper.IsDirty)
|
||||
{
|
||||
<p>This page was generated using a modified version of Project Lighthouse. Please make sure you are properly disclosing the source code to any users who may be using this instance.</p>
|
||||
}
|
||||
<br>
|
||||
@RenderBody()
|
||||
<div style="height: 50px;"></div> @* makes it look nicer *@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<footer>
|
||||
<div class="ui black attached inverted segment">
|
||||
<div class="ui container">
|
||||
|
||||
<p>Page generated by @GitVersionHelper.FullVersion.</p>
|
||||
@if (GitVersionHelper.IsDirty)
|
||||
{
|
||||
<p>This page was generated using a modified version of Project Lighthouse. Please make sure you are properly disclosing the source code to any users who may be using this instance.</p>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,5 +1,9 @@
|
|||
footer.lighthouse-footer {
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
position: fixed;
|
||||
div.pageContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
div.main {
|
||||
flex: 1;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue