Fix the entire page layout because i somehow managed to break it

This commit is contained in:
jvyden 2021-11-22 21:58:29 -05:00
commit c804479e0c
No known key found for this signature in database
GPG key ID: 18BCF2BE0262B278
2 changed files with 45 additions and 37 deletions

View file

@ -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>

View file

@ -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;
}