style: Update footer and navbar HTML structure and classes

This commit is contained in:
Jan-Marlon Leibl 2025-02-13 12:28:00 +01:00
parent 84de8e0c86
commit 8514d6d73f
No known key found for this signature in database
GPG key ID: E7B6F77BF5EDB6F7
3 changed files with 99 additions and 114 deletions

View file

@ -83,6 +83,58 @@ a {
@apply text-text-secondary text-sm;
}
.nav-brand {
@apply flex items-center text-text-primary text-xl font-semibold;
}
.nav-link {
@apply px-3 py-2 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-deep-blue-contrast transition-all duration-200;
}
.nav-toggle {
@apply text-text-secondary hover:text-text-primary transition-colors duration-200;
}
.nav-mobile-menu {
@apply p-2 pt-2 mb-4 space-y-1 bg-deep-blue-contrast rounded-b-lg;
}
.nav-mobile-link {
@apply block px-3 py-2 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-deep-blue-light transition-all duration-200;
}
.footer-section {
@apply col-span-2 md:col-span-1;
}
.footer-heading {
@apply text-text-primary text-sm font-semibold mb-4;
}
.footer-link {
@apply text-text-secondary hover:text-text-primary text-sm transition-all duration-200;
}
.footer-payment-method {
@apply bg-deep-blue rounded p-3 flex items-center justify-center space-x-2 hover:bg-deep-blue/50 transition-all duration-200;
}
.footer-payment-icon {
@apply text-text-secondary text-lg;
}
.footer-payment-text {
@apply text-text-secondary text-xs whitespace-nowrap;
}
.footer-copyright {
@apply text-text-secondary text-sm;
}
.footer-disclaimer {
@apply text-xs;
}
html,
body {
height: 100%;