mirror of
https://github.com/LBPUnion/ProjectLighthouse.git
synced 2025-09-03 08:10:43 +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,6 +28,8 @@
|
|||
<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>
|
||||
<body>
|
||||
<div class="pageContainer">
|
||||
<header class="lighthouse-header">
|
||||
<div class="ui attached menu">
|
||||
<div class="ui container">
|
||||
|
@ -56,13 +58,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<body>
|
||||
<div class="main">
|
||||
<div class="ui container">
|
||||
<br>
|
||||
@RenderBody()
|
||||
<div style="height: 50px; width: 1px;"></div> @* makes it look nicer *@
|
||||
<div style="height: 50px;"></div> @* makes it look nicer *@
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<footer>
|
||||
<div class="ui black attached inverted segment">
|
||||
<div class="ui container">
|
||||
|
@ -75,4 +77,6 @@
|
|||
</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