valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(header): Fix inline menu items and theme switch icon styling

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-17 19:49:10 +01:00
parent 78fe818877
commit 920c0a1d49
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/tailwind.css
View File

@@ -48,6 +48,24 @@ html[data-theme='light'] {
}
}
@layer components {
/* Main navigation styling */
header nav ul {
@apply flex items-center space-x-4; /* Make li items inline with spacing */
}
header nav ul li a {
@apply text-[var(--text-primary)] hover:text-[var(--text-secondary)] transition-colors duration-200; /* Default link style */
}
/* Mobile navigation styling */
#mobile-menu nav ul {
@apply flex flex-col items-center space-y-8; /* Stack items vertically in mobile menu */
}
#mobile-menu nav ul li a {
@apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--text-secondary)] transition-colors duration-200;
}
}
@keyframes fadeInUp {
from {
opacity: 0;