aji/authsquare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: aji:f1926ffd990d1a8e8839ea51b9f27b392c589472
Branches Tags
aji:master
aji:renaming
aji:dashboard
aji:prime
...
compare: aji:9f0ba0da2240638b3a46e92485e553db70d99df5
Branches Tags
aji:master
aji:renaming
aji:dashboard
aji:prime

4 Commits
f1926ffd99 ... 9f0ba0da22

Author SHA1 Message Date
Dita Aji Pratama
9f0ba0da22 Fixing incorrect footer position when toggling sidebar drawer 2024-09-26 19:40:57 +07:00
Dita Aji Pratama
5bf856ec23 Because the navbar have a size 40px in the content and 8px in the both top and down padding, I add 56px of top padding in the body 2024-09-26 18:35:36 +07:00
Dita Aji Pratama
4fa179c028 Profile image cannot make the default navbar size getting bigger than 40px 2024-09-26 18:24:11 +07:00
Dita Aji Pratama
6bcf7327c4 Make a navbar fixed on top 2024-09-26 18:22:39 +07:00
3 changed files with 9 additions and 11 deletions
Show Stats Expand all files Collapse all files

2
app/templates/prime/html/footer.html
View File

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

2
app/templates/prime/html/navbar.html
View File

@ -1,5 +1,5 @@
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<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">

16
app/templates/prime/static/css/style.css
View File

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