feat: update coming soon badge

janhq · Aug 20, 2024 · 0b6a50d · 0b6a50d
1 parent 82de666
commit 0b6a50d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/components/NavbarMegaMenu/index.tsx b/src/components/NavbarMegaMenu/index.tsx
@@ -103,7 +103,7 @@ export const HoveredLink = ({ children, ...rest }: any) => {
   return (
     <Link
       {...rest}
-      className="text-neutral-700 dark:text-neutral-200 hover:text-black hover:no-underline"
+      className="text-neutral-700 dark:text-neutral-200 hover:no-underline hover:text-blue-600"
     >
       {children}
     </Link>

diff --git a/src/components/ProductsMenu/index.tsx b/src/components/ProductsMenu/index.tsx
@@ -7,7 +7,7 @@ const ProductsMenu = () => {
   return (
     <Menu setActive={setActive}>
       <MenuItem setActive={setActive} active={active} item="Products">
-        <div className="flex flex-col space-y-3 text-sm min-w-52">
+        <div className="flex flex-col space-y-3 text-sm min-w-64">
           <HoveredLink href="/docs">
             <div className="py-1">
               <h4 className="mb-1">Cortex.cpp</h4>
@@ -18,23 +18,33 @@ const ProductsMenu = () => {
           </HoveredLink>
           <HoveredLink href="/docs/cortex-platform">
             <div className="py-1">
-              <h4 className="mb-1">Cortex Platform</h4>
+              <h4 className="mb-1 ">Cortex Platform</h4>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Self-hosted AI Platform
               </p>
             </div>
           </HoveredLink>
           <HoveredLink>
             <div className="py-1">
-              <h4 className="mb-1">Cortex Desktop (Coming Soon)</h4>
+              <div className="flex gap-x-2 items-center">
+                <h4 className="mb-1 ">Cortex Desktop </h4>
+                <div className="inline-flex font-medium text-xs bg-yellow-400 text-yellow-800 py-1 px-2 rounded-full">
+                  Coming Soon
+                </div>
+              </div>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Easy-to-use Desktop app
               </p>
             </div>
           </HoveredLink>
           <HoveredLink>
             <div className="py-1">
-              <h4 className="mb-1">Cortex Server (Coming Soon)</h4>
+              <div className="flex gap-x-2 items-center">
+                <h4 className="mb-1 ">Cortex Server </h4>
+                <div className="inline-flex font-medium text-xs bg-yellow-400 text-yellow-800 py-1 px-2 rounded-full">
+                  Coming Soon
+                </div>
+              </div>
               <p className="mb-0 text-neutral-600 dark:text-neutral-400">
                 Run Cortex in Production
               </p>