update categories.astro, ecosystem-page.astro and top-header.astro

akash-network · Nov 15, 2024 · 1291d6e · 1291d6e
1 parent c9adabc
commit 1291d6e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 15 deletions.
diff --git a/src/components/ecosystem-pages/categories.astro b/src/components/ecosystem-pages/categories.astro
@@ -45,7 +45,7 @@ const displayTag = (tag: string) => {
   <div class="mt-4 flex flex-col gap-y-4">
     <a
       href={`/ecosystem/${pathName?.[2]}`}
-      class={`inline-flex cursor-pointer text-base font-medium hover:text-primary ${
+      class={`inline-flex cursor-pointer text-base  hover:text-primary ${
         astroUrl.pathname === `/ecosystem/${pathName?.[2]}`
           ? "text-primary"
           : "text-para"
@@ -57,7 +57,7 @@ const displayTag = (tag: string) => {
       astroUrl.pathname.includes("deployed-on-akash") && (
         <a
           href={`/ecosystem/${pathName?.[2]}/showcase/`}
-          class={`inline-flex cursor-pointer text-base font-medium hover:text-primary ${
+          class={`inline-flex cursor-pointer text-base  hover:text-primary ${
             astroUrl.pathname?.includes("showcase")
               ? "text-primary"
               : "text-para"
@@ -71,7 +71,7 @@ const displayTag = (tag: string) => {
       sortedTags.map((tag: string) => (
         <a
           href={`/ecosystem/${pathName?.[2]}/${tag.toLowerCase()}`}
-          class={`inline-flex cursor-pointer text-base font-medium hover:text-primary ${
+          class={`inline-flex cursor-pointer text-base  hover:text-primary ${
             astroUrl?.pathname
               ?.split("/")?.[3]
               ?.split("%20")

diff --git a/src/components/ecosystem-pages/ecosystem-page.astro b/src/components/ecosystem-pages/ecosystem-page.astro
@@ -6,8 +6,10 @@ import { type CollectionEntry } from "astro:content";
 import Categories from "@/components/ecosystem-pages/categories.astro";
 import TopHeader from "@/components/ecosystem-pages/top-header.astro";
 import TopMargin from "@/components/ui/top-margin.astro";
+import SearchDialog from "./search-dialog";
 type Project = CollectionEntry<"Ecosystem_Page">;
 const { projects, tags, title } = Astro.props;
+const astroUrl = Astro.url;
 ---
 
 <Layout
@@ -19,16 +21,21 @@ const { projects, tags, title } = Astro.props;
   </TopMargin>
 
   <div
-    class="container mt-10 flex justify-between lg:gap-x-[20px] xl:gap-x-[48px]"
+    class="container mt-4 flex justify-between md:mt-10 lg:gap-x-[20px] xl:gap-x-[48px]"
   >
     <Categories tags={tags} />
 
     <div>
-      <h3
-        class="text-[20px] font-bold leading-[28px] md:text-2lg md:leading-[48px]"
-      >
-        {title || "Deployed On Akash"}
-      </h3>
+      <div class="flex items-center justify-between">
+        <h2
+          class="text-[20px] font-semibold leading-[28px] md:text-2lg md:leading-[48px]"
+        >
+          {title || "Deployed On Akash"}
+        </h2>
+        <div class="hidden md:block">
+          <SearchDialog client:load currentPath={astroUrl.pathname} />
+        </div>
+      </div>
 
       <div
         class="mt-4 grid flex-shrink-0 grid-cols-1 gap-y-[24px] sm:grid-cols-2 sm:gap-x-8 md:gap-y-8 lg:grid-cols-3 lg:gap-x-[36px] lg:gap-y-[32px]"

diff --git a/src/components/ecosystem-pages/top-header.astro b/src/components/ecosystem-pages/top-header.astro
@@ -7,12 +7,10 @@ const pathName = astroUrl.pathname.split("/");
 const { tags } = Astro.props;
 ---
 
-<div class="flex items-center justify-between">
-  <h1 class="text-3xl md:text-4xl lg:text-5xl">Explore the Akash Ecosystem</h1>
-  <div class="hidden md:block">
-    <SearchDialog client:load currentPath={astroUrl.pathname} />
-  </div>
-</div>
+<h1 class="w-full text-center text-3xl md:text-4xl lg:text-5xl">
+  Explore the Akash Ecosystem
+</h1>
+
 <div
   class="mt-6 flex flex-col justify-between gap-x-6 pb-6 md:mt-8 md:pb-8 lg:mt-10 lg:flex-row lg:border-b lg:pb-10"
 >