43 lines
1.5 KiB
Plaintext
43 lines
1.5 KiB
Plaintext
---
|
|
import { Image } from "astro:assets";
|
|
const { home, posts, proyectos } = Astro.props;
|
|
import "../styles/global.css";
|
|
---
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
|
|
<main>
|
|
<nav class="navbar bg-base-100 fixed top-0 z-50 shadow-lg">
|
|
<div class="navbar-start">
|
|
<a class="btn btn-ghost normal-case text-xl" href={home ? home : "/"}>
|
|
<Image src="/logo.png" alt="Logo Ecobjetivos" class="mr-2" height="25" width="25" />
|
|
Ecobjetivos
|
|
</a>
|
|
</div>
|
|
<div class="navbar-end">
|
|
<!-- Mobile Dropdown -->
|
|
<div class="dropdown lg:hidden">
|
|
<label tabindex="0" class="btn btn-ghost">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
</svg>
|
|
</label>
|
|
<ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
|
|
<li><a href={posts ? posts : '/posts'}>Posts</a></li>
|
|
<li><a href={proyectos ? proyectos : '/proyectos'}>Proyectos</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Desktop Menu -->
|
|
<div class="hidden lg:flex">
|
|
<ul class="menu menu-horizontal p-0">
|
|
<li><a href={posts ? posts : '/posts'} class="hover:scale-105 transition-transform">Posts</a></li>
|
|
<li><a href={proyectos ? proyectos : '/proyectos'} class="hover:scale-105 transition-transform">Proyectos</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</main>
|