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:
Kumi 2024-06-19 10:26:15 +02:00
parent c35242bf3c
commit a179e2999f
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 7 additions and 1 deletions

View file

@ -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;

View file

@ -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">