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="~/css/styles.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.8/dist/semantic.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.8/dist/semantic.min.css">
</head> </head>
<header class="lighthouse-header"> <body>
<div class="ui attached menu"> <div class="pageContainer">
<div class="ui container"> <header class="lighthouse-header">
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems) <div class="ui attached menu">
{ <div class="ui container">
<a class="item" href="@navigationItem.Url"> @foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
@if (navigationItem.Icon != null)
{
<i class="@navigationItem.Icon icon"></i>
}
@navigationItem.Name
</a>
}
<div class="right menu">
@foreach (PageNavigationItem navigationItem in Model!.NavigationItemsRight)
{ {
<a class="item" href="@navigationItem.Url"> <a class="item" href="@navigationItem.Url">
@if (navigationItem.Icon != null) @if (navigationItem.Icon != null)
@ -52,27 +43,40 @@
@navigationItem.Name @navigationItem.Name
</a> </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> </div>
</div> </header>
</header> <div class="main">
<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">
<div class="ui container"> <div class="ui container">
<br>
<p>Page generated by @GitVersionHelper.FullVersion.</p> @RenderBody()
@if (GitVersionHelper.IsDirty) <div style="height: 50px;"></div> @* makes it look nicer *@
{
<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>
</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> </html>

View file

@ -1,5 +1,9 @@
footer.lighthouse-footer { div.pageContainer {
width: 100%; display: flex;
bottom: 0; flex-direction: column;
position: fixed; min-height: 100vh;
}
div.main {
flex: 1;
} }