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

navbar improvements

Browse Source
This commit is contained in:
SanjayramVempati 2023-04-04 09:57:21 -04:00
parent b7782f8424
commit 85490f1202
2 changed files with 4 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Nav.astro
View File

@ -5,19 +5,19 @@ import logo from "../images/logo.png";
---
<header class="h-auto bg-slate-800 " id="nav">
<div class=" flex flex-row justify-between mx-12 ">
<div class="flex flex-row justify-between mx-12 ">
<!-- Logo -->
<div>
<a href="/">
<img src={logo} alt="Logo" class="mt-8 mb-2 h-14 " />
<img src={logo} alt="Logo" class="mt-4 mb-2 h-14 " />
</a>
</div>
<!-- Desktop Pages -->
<div class="flex flex-row max-md:hidden my-auto mr-4 mt-12 text-sm space-x-6 ">
<div class="flex flex-row max-md:hidden my-auto mr-4 mt-8 text-sm space-x-6 ">
<div class="text-xl font-mono space-x-24 max-lg:space-x-12 text-slate-300 duration-500 max-md:space-x-4 object-cover">
@ -32,7 +32,7 @@ import logo from "../images/logo.png";
<div class="link">
<a href="/">
<button class="outline outline-purple-400 px-4 rounded-md
shadow-lg py-1 mt-10 max-md:hidden
shadow-lg py-1 mt-6 max-md:hidden
text-white font-mono font-bold text-xl hover:bg-slate-100
hover:text-purple-400 hover:shadow-purple-600 transition-all duration-300">Donate</button>
</a>

11
src/pages/index.astro
View File

@ -32,9 +32,6 @@ import atom from '../images/atom_icon.png';
<h3 class="mr-40 mx-auto text-xl w-[22em] text-gray-500 font-medium font-serif ">Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot entirely from scratch.<br> PLEASE let me out the basement anish 😭 </h3>
<!-- Buttons -->
<div class="space-x-4 flex flex-row ">
<a href="/">
<button class="outline outline-purple-400 px-4 rounded-md
shadow-lg py-1 mt-10 max-md:hidden
@ -47,16 +44,8 @@ import atom from '../images/atom_icon.png';
text-yellow-300 font-mono font-bold text-xl
transition-all duration-300">Learn More ↗️</button>
</a>
</div>
</div>
</div>