feat: add clearfix to content container
Modified the content container in the HTML template to include an ID for easier styling. Added a clearfix using CSS after pseudo-element to ensure proper behavior and layout flow. This resolves layout issues caused by floating elements within the container.
This commit is contained in:
parent
c35242bf3c
commit
a179e2999f
2 changed files with 7 additions and 1 deletions
|
@ -57,6 +57,12 @@ body {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content-div::after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<nav class="navbar navbar-dark bg-dark">
|
<nav class="navbar navbar-dark bg-dark">
|
||||||
<a class="navbar-brand" href="/">GitCloak</a>
|
<a class="navbar-brand" href="/">GitCloak</a>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="container mt-4">
|
<div id="content-div" class="container mt-4">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
<footer class="footer mt-auto py-3 bg-dark text-white">
|
<footer class="footer mt-auto py-3 bg-dark text-white">
|
||||||
|
|
Loading…
Reference in a new issue