update header styling, add searchbar and implement it on every page

This commit is contained in:
Eric Blommel
2024-12-06 20:56:23 +01:00
parent 3f74d1a894
commit 0646b382ed
8 changed files with 154 additions and 161 deletions

View File

@@ -29,7 +29,7 @@ body {
left: 0;
top: 0;
transition: transform 0.3s ease;
z-index: 50;
z-index: 40;
}
.sidebar-header {
@@ -100,7 +100,7 @@ body {
.main-content {
margin-left: 280px;
width: calc(100% - 280px);
padding-top: 5rem;
padding-top: 3rem;
transition: margin-left 0.3s ease;
}
@@ -287,15 +287,6 @@ body {
}
}
.menu-toggle {
padding: 0.75rem;
border-radius: 10px;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
/* Add floating animation for icons */
@keyframes float {

View File

@@ -28,7 +28,7 @@ body {
left: 0;
top: 0;
transition: transform 0.3s ease;
z-index: 50;
z-index: 40;
}
.sidebar-header {
@@ -187,6 +187,16 @@ body {
width: 100%;
padding: 1rem;
}
.menu-toggle {
display: flex !important;
}
}
@media (min-width: 1025px) {
.menu-toggle {
display: none;
}
}
/* Active nav link style */
@@ -209,12 +219,3 @@ body {
left: 0;
font-weight: bold;
}
.menu-toggle {
padding: 0.75rem;
border-radius: 10px;
cursor: pointer;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}