add course to navbar

This commit is contained in:
2025-03-18 12:55:55 -03:00
parent 49871d0d19
commit 2fa6d16913
4 changed files with 18 additions and 10 deletions

View File

@@ -10,7 +10,7 @@ export function Card({ children, color = "gradient", className }: CardProps) {
const colorVariants = { const colorVariants = {
gradient: "bg-linear-to-tr from-green-secondary to-yellow-primary", gradient: "bg-linear-to-tr from-green-secondary to-yellow-primary",
darker: "bg-green-primary text-white", darker: "bg-green-primary text-white",
yellow: "bg-yellow-tertiary", yellow: "text-green-primary bg-yellow-tertiary",
}; };
return ( return (

View File

@@ -32,7 +32,7 @@ export function Form() {
return ( return (
<form <form
onSubmit={handleSubmit(onSubmit)} onSubmit={handleSubmit(onSubmit)}
className="flex flex-col gap-2.5 lg:gap-5 dark:text-green-primary" className="flex flex-col gap-2.5 lg:gap-5"
> >
{formState.isSubmitSuccessful && ( {formState.isSubmitSuccessful && (
<p className="bg-green-700 text-white p-2.5 rounded-lg">OK!</p> <p className="bg-green-700 text-white p-2.5 rounded-lg">OK!</p>

View File

@@ -16,14 +16,27 @@ import { Container } from "@components/Container";
<body> <body>
<nav class="bg-green-primary sticky z-10 top-0"> <nav class="bg-green-primary sticky z-10 top-0">
<Container className="flex items-center py-5 max-lg:px-5"> <Container className="flex items-center py-2.5 lg:py-5 max-lg:px-5">
<Logo className="h-8" /> <Logo className="h-8" />
<div
class="ml-auto flex max-lg:flex-col items-center gap-1 lg:gap-2.5"
>
<div class="truncate max-lg:max-w-42">
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
</div>
<button
class="bg-green-secondary py-1 lg:py-2.5 px-2.5 rounded-md cursor-pointer"
>
Comprar R$100
</button>
</div>
</Container> </Container>
</nav> </nav>
<slot /> <slot />
<footer class="bg-green-primary text-white p-5 lg:py-10"> <footer class="bg-green-primary p-5 lg:py-10">
<Container className="space-y-5"> <Container className="space-y-5">
<div class="space-y-1"> <div class="space-y-1">
<Logo className="h-10" /> <Logo className="h-10" />

View File

@@ -20,10 +20,5 @@
html, html,
body { body {
@apply text-green-primary dark:text-white; @apply text-white bg-gray-900;
@apply bg-green-pastel dark:bg-gray-900;
@media (prefers-color-scheme: dark) {
color-scheme: dark;
}
} }