rushilwiz/potentia-website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/potentia-website.git synced 2025-04-09 14:50:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

desktop navbar

Browse Source
This commit is contained in:
SanjayramVempati 2023-03-15 07:09:44 -04:00
parent c49cae64a3
commit 6ab9f17f13
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Nav.astro
View File

@ -14,17 +14,17 @@ import NavLink from "./NavLink.astro";
</a>
<!-- Desktop Pages -->
<!-- <div class="my-auto max-lg flex flex-row justify-between sm:text-blue-700 max-lg:collapse ">
</div> -->
<div class="flex flex-row space-x-5 invisible sm:visible my-auto ">
<NavLink href="#" text="Home" />
<NavLink href="#" text="Home" />
<NavLink href="#" text="Home" />
</div>
<!-- Hamburger menu (mobile) -->
<!-- <NavLink title="Home" link="/" />
<NavLink title="Home" link="/" />
<NavLink title="Home" link="/" />
<NavLink title="Home" link="/" /> -->
<!-- Hamburger icon -->
<button type="button" id='burg' class="block text-gray-500 hover:text-white focus:text-white focus:outline-none mr-10">
<svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">

6
src/components/NavLink.astro
View File

@ -1,8 +1,8 @@
---
const {link, title} = Astro.props;
const {href, text} = Astro.props;
---
<a href={link} class=" my-auto mx-10 text-2xl font-serif object-cover text-gray-900 dark:text-white hover:underline ">
{title}
<a href={href} class=" text-2xl font-serif object-cover text-slate-300 hover:underline ">
{text}
</a>