add course to navbar
This commit is contained in:
@@ -10,7 +10,7 @@ export function Card({ children, color = "gradient", className }: CardProps) {
|
||||
const colorVariants = {
|
||||
gradient: "bg-linear-to-tr from-green-secondary to-yellow-primary",
|
||||
darker: "bg-green-primary text-white",
|
||||
yellow: "bg-yellow-tertiary",
|
||||
yellow: "text-green-primary bg-yellow-tertiary",
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
@@ -32,7 +32,7 @@ export function Form() {
|
||||
return (
|
||||
<form
|
||||
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 && (
|
||||
<p className="bg-green-700 text-white p-2.5 rounded-lg">OK!</p>
|
||||
|
||||
@@ -16,14 +16,27 @@ import { Container } from "@components/Container";
|
||||
|
||||
<body>
|
||||
<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" />
|
||||
|
||||
<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>
|
||||
</nav>
|
||||
|
||||
<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">
|
||||
<div class="space-y-1">
|
||||
<Logo className="h-10" />
|
||||
|
||||
@@ -20,10 +20,5 @@
|
||||
|
||||
html,
|
||||
body {
|
||||
@apply text-green-primary dark:text-white;
|
||||
@apply bg-green-pastel dark:bg-gray-900;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
color-scheme: dark;
|
||||
}
|
||||
@apply text-white bg-gray-900;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user