add course to navbar
This commit is contained in:
@@ -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 (
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user