Compare commits

..

No commits in common. "9f0ba0da2240638b3a46e92485e553db70d99df5" and "f1926ffd990d1a8e8839ea51b9f27b392c589472" have entirely different histories.

3 changed files with 12 additions and 10 deletions

View File

@ -1,3 +1,3 @@
<footer class="footer fixed-bottom" id="footer"> <footer class="footer" id="footer">
<p>${copyright}</p> <p>${copyright}</p>
</footer> </footer>

View File

@ -1,5 +1,5 @@
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="#">${title}</a> <a class="navbar-brand" href="#">${title}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

View File

@ -1,6 +1,5 @@
body { body {
min-height: 100vh; min-height: 100vh;
padding-top: 56px;
} }
.navbar { .navbar {
@ -26,7 +25,7 @@ body {
.content { .content {
margin-left: 250px; margin-left: 250px;
padding-bottom: 20px; padding: 20px;
transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out;
} }
@ -35,21 +34,24 @@ body {
} }
.footer { .footer {
background-color: #f8f9fa; position: fixed;
padding-top: 5px; bottom: 0;
text-align: center; width: calc(100% - 250px);
margin-left: 250px; margin-left: 250px;
background-color: #f8f9fa;
padding: 10px;
text-align: center;
transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out;
z-index: 1010;
} }
.footer.full-width { .footer.full-width {
width: 100%;
margin-left: 0; margin-left: 0;
} }
.profile-image { .profile-image {
width: 20px; width: 30px;
height: 20px; height: 30px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
} }