Union/ProjectLighthouse
1
0
Fork 0
mirror of https://github.com/LBPUnion/ProjectLighthouse.git synced 2025-09-03 08:10:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

22
ProjectLighthouse/Pages/Layouts/BaseLayout.cshtml
View file

@ -28,7 +28,9 @@
<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">
<body>
<div class="pageContainer">
<header class="lighthouse-header">
<div class="ui attached menu">
<div class="ui container">
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
@ -55,15 +57,15 @@
</div>
</div>
</div>
</header>
<body>
<div class="ui container">
</header>
<div class="main">
<div class="ui container">
<br>
@RenderBody()
<div style="height: 50px; width: 1px;"></div> @* makes it look nicer *@
</div>
</body>
<footer>
<div style="height: 50px;"></div> @* makes it look nicer *@
</div>
</div>
<footer>
<div class="ui black attached inverted segment">
<div class="ui container">
@ -74,5 +76,7 @@
}
</div>
</div>
</footer>
</footer>
</div>
</body>
</html>

12
ProjectLighthouse/StaticFiles/css/styles.css
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;
}