add icon
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -20,5 +20,5 @@
|
|||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
@apply text-white bg-gray-900;
|
@apply text-white bg-black;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user