From aa655cceb55f353af3cba166d5c12fad6568945f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?mr=2E=20m=20=20=F0=9F=A4=99?=
 <91018726+mr-cheff@users.noreply.github.com>
Date: Mon, 9 Dec 2024 14:50:16 +0000
Subject: [PATCH] Woried worked the site

---
 src/components/NavBar.astro | 4 ++--
 src/pages/download.astro    | 4 ++--
 src/pages/mods/index.astro  | 6 ++++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index 88164f6..32d1079 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -12,7 +12,7 @@ import { ArrowRight, ChevronDown } from 'lucide-astro'
   class="fixed flex justify-between w-full items-center pt-6 px-6 z-10 top-0 left-0"
 >
   <Astronav>
-    <MenuItems class="rounded-full border-dark border-2 p-2 pl-4 backdrop-blur-2xl bg-paper/80 dark:bg-paper dark:shadow-md hidden mx-auto lg:flex gap-12">
+    <MenuItems class="rounded-full border-dark border-2 p-2 pl-4 backdrop-blur-2xl bg-paper dark:bg-paper dark:shadow-md hidden mx-auto lg:flex gap-12">
       <a class="font-bold text-lg items-center flex" href="/">
         zen browser
       </a>
@@ -109,7 +109,7 @@ import { ArrowRight, ChevronDown } from 'lucide-astro'
 </nav>
 <style>
   .navbar-dropdown {
-    @apply absolute bg-paper shadow-sm rounded-lg border border-dark p-3 grid gap-2 grid-cols-2;
+    @apply absolute bg-paper shadow-sm rounded-lg border-2 border-dark p-3 grid gap-2 grid-cols-2;
 
     & .dropdown-item {
       @apply flex gap-2 p-4 flex-col rounded-lg select-none cursor-pointer transition-colors duration-200;
diff --git a/src/pages/download.astro b/src/pages/download.astro
index a2373d5..f35f4a7 100644
--- a/src/pages/download.astro
+++ b/src/pages/download.astro
@@ -17,10 +17,10 @@ const appleIcon = icon({ prefix: "fab", iconName: "apple" });
 ---
 
 <Layout title="Welcome to Zen">
-  <main class="h-screen flex flex-col justify-center items-center">
+  <main class="h-screen flex flex-col justify-center items-center mt-52 2xl:mt-0">
     <div class="flex justify-center flex-col px-2 md:px-12 lg:px-0 lg:flex-row xl:justify-start">
       <Image src={myImage} alt="Zen Browser" class="w-24 h-24" />
-      <div class="p-4 mb-24 lg:w-1/2 flex flex-col gap-12 ">
+      <div class="p-4 mb-24 lg:w-1/2 flex flex-col gap-12">
         <div>
           <Title>Try out Zen!</Title>
           <Description>
diff --git a/src/pages/mods/index.astro b/src/pages/mods/index.astro
index 93174ff..1cc6cde 100644
--- a/src/pages/mods/index.astro
+++ b/src/pages/mods/index.astro
@@ -9,7 +9,7 @@ console.log(mods);
 ---
 
 <Layout title="Zen Mods">
-  <main>
+  <main class="mt-32 2xl:mt-0">
     <header class="min-h-[65vh] flex flex-col justify-center w-full border-b-2 border-dark">
       <div class="px-8 mx-auto flex flex-col lg:w-1/2 gap-6">
         <div>
@@ -26,7 +26,9 @@ console.log(mods);
     </header>
     <div>
         {mods.map((mod: ZenTheme) => (
-            <a href={`/mods/${mod.id}`}>{mod.name}</a>
+            <a href={`/mods/${mod.id}`}>
+              
+            </a>
         ))}
     </div>
   </main>