This commit is contained in:
2025-03-18 13:36:49 -03:00
parent 537883530e
commit e2c54548c6
3 changed files with 17 additions and 10 deletions

View File

@@ -2,6 +2,7 @@
import "../styles/app.css"; import "../styles/app.css";
import { Regular as Logo } from "@components/Logo"; import { Regular as Logo } from "@components/Logo";
import { Container } from "@components/Container"; import { Container } from "@components/Container";
import { ArrowLeftStartOnRectangleIcon } from "@heroicons/react/24/solid";
--- ---
<!doctype html> <!doctype html>
@@ -15,13 +16,19 @@ import { Container } from "@components/Container";
</head> </head>
<body> <body>
<nav class="bg-green-primary"> <Container className="flex items-center py-2.5 max-lg:px-5">
<Container className="flex items-center py-2.5 lg:py-5 max-lg:px-5"> <Logo className="h-10" />
<Logo className="h-8" />
</Container>
</nav>
<section class="bg-green-dark sticky top-0 z-10"> <div class="ml-auto">
<a href="#" class="flex gap-1 items-center"
><ArrowLeftStartOnRectangleIcon
className="w-5 rotate-180"
/>Entrar</a
>
</div>
</Container>
<section class="bg-green-secondary sticky top-0 z-10">
<Container className="flex items-center py-2.5 lg:py-5 max-lg:px-5"> <Container className="flex items-center py-2.5 lg:py-5 max-lg:px-5">
<div class="truncate max-lg:max-w-42"> <div class="truncate max-lg:max-w-42">
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
@@ -31,7 +38,7 @@ import { Container } from "@components/Container";
class="ml-auto flex max-lg:flex-col items-center gap-1 lg:gap-2.5" class="ml-auto flex max-lg:flex-col items-center gap-1 lg:gap-2.5"
> >
<button <button
class="bg-green-secondary py-1 lg:py-2.5 px-2.5 rounded-md cursor-pointer" class="bg-black p-2.5 rounded-md cursor-pointer text-sm"
> >
Comprar R$100 Comprar R$100
</button> </button>

View File

@@ -8,9 +8,9 @@ import Layout from "@layouts/Layout.astro";
<Layout> <Layout>
<Container className="lg:space-y-5"> <Container className="lg:space-y-5">
<div class="max-lg:p-5"> <!-- <div class="max-lg:px-5">
<Bookmark className="h-96" /> <Bookmark className="h-96" />
</div> </div> -->
<Card> <Card>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam

View File

@@ -20,5 +20,5 @@
html, html,
body { body {
@apply text-white bg-gray-900; @apply text-white bg-black;
} }