Union/ProjectLighthouse
1
0
Fork 0
mirror of https://github.com/LBPUnion/ProjectLighthouse.git synced 2025-09-05 00:57:58 +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="~/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="pageContainer">
<header class="lighthouse-header">
<div class="ui attached menu"> <div class="ui attached menu">
<div class="ui container"> <div class="ui container">
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems) @foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
@ -55,15 +57,15 @@
</div> </div>
</div> </div>
</div> </div>
</header> </header>
<body> <div class="main">
<div class="ui container"> <div class="ui container">
<br> <br>
@RenderBody() @RenderBody()
<div style="height: 50px; width: 1px;"></div> @* makes it look nicer *@ <div style="height: 50px;"></div> @* makes it look nicer *@
</div> </div>
</body> </div>
<footer> <footer>
<div class="ui black attached inverted segment"> <div class="ui black attached inverted segment">
<div class="ui container"> <div class="ui container">
@ -74,5 +76,7 @@
} }
</div> </div>
</div> </div>
</footer> </footer>
</div>
</body>
</html> </html>

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