style: Update footer and navbar HTML structure and classes
This commit is contained in:
parent
84de8e0c86
commit
8514d6d73f
3 changed files with 99 additions and 114 deletions
|
@ -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%;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue