fix: sticky nav, ul in nav
All checks were successful
Build / build (push) Successful in 4m20s
Build / deploy-stage (push) Successful in 3m10s
Build / switch-stage (push) Successful in 2m7s

This commit is contained in:
2025-04-23 23:11:53 +02:00
parent 21586fbc78
commit 030053adc3
6 changed files with 14 additions and 25 deletions

View File

@@ -2,24 +2,11 @@
.backendlayout-home_page {
// --- Target the header element ---
header {
// --- Mobile First: Always Primary Background ---
@apply bg-primary text-white;
// Mobile link/icon colors (on primary background)
#mainNav .nav-link { // Target links within #mainNav
@apply text-primary lg:text-white lg:hover:text-gray-200;
}
// Adjust mobile submenu link colors if needed (depends on dropdown background)
#mainNav .sub-menu .nav-link {
@apply text-gray-700 hover:text-black; // Assuming light dropdown background
}
// --- Desktop Styles ---
@screen lg {
// Initial state: Transparent background, fixed position
@apply fixed top-0 left-0 right-0 z-50 bg-transparent transition-colors duration-300 ease-in-out;
@apply bg-transparent transition-colors duration-300 ease-in-out;
// Initial link colors and background for transparent header (desktop)
#mainNav .nav-link {
@@ -49,11 +36,3 @@
}
}
}
// --- Default styles for header on NON-home pages ---
// Ensures header has a background and correct colors on other pages
body:not(.backendlayout-home_page) {
header {
@apply bg-primary text-white; // Or your desired default background/text
}
}