From 50da599c691864d22d973ba0a78042bc18a54ac0 Mon Sep 17 00:00:00 2001
From: shadowusr <nikhakerlab@gmail.com>
Date: Thu, 27 Jun 2024 00:32:26 +0300
Subject: [PATCH 1/2] feat: connect algolia search

---
 docusaurus.config.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index ae1d869..d5ca8c9 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -172,6 +172,11 @@ const config: Config = {
             theme: prismThemes.github,
             darkTheme: prismThemes.dracula,
         },
+        algolia: {
+            appId: "GEUAOEJ3NK",
+            apiKey: "329ccc709854898024bad32d341d441f",
+            indexName: "testplane",
+        },
     } satisfies Preset.ThemeConfig,
 
     plugins: ["docusaurus-plugin-sass", tailwindPlugin, svgFixDuplicateIdsPlugin],

From 7b2515837963f6f79dcfdaa56a9dde1571bb0461 Mon Sep 17 00:00:00 2001
From: shadowusr <nikhakerlab@gmail.com>
Date: Thu, 27 Jun 2024 01:29:28 +0300
Subject: [PATCH 2/2] fix: fix navbar styles

---
 src/scss/custom.scss | 51 ++++++++++++++++++++++++++++++++------------
 1 file changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index 74426f0..ebbb655 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -50,6 +50,7 @@
     --ifm-link-color: theme("colors.indigo.600");
     --ifm-menu-color-active: theme("colors.indigo.600");
     --ifm-breadcrumb-color-active: theme("colors.indigo.600");
+    --docsearch-searchbox-background: transparent !important;
 }
 
 /* Dark mode. */
@@ -66,16 +67,46 @@
 
 .navbar {
     &.navbar--fixed-top {
-        backdrop-filter: blur(5px);
-        background-color: #ffffff60;
+        background-color: rgba(255, 255, 255, 0.7);
+
+        &::before {
+            content: "";
+            position: absolute;
+            backdrop-filter: blur(5px);
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+        }
+
+        & .navbar__inner,
+        & .navbar-sidebar,
+        & .navbar-sidebar__backdrop {
+            z-index: 1;
+        }
     }
 
-    .navbar__item {
-        @apply text-base font-semibold text-gray-700 hover:text-gray-500;
+    .DocSearch-Button {
+        background-color: rgba(75, 85, 99, 0.1);
+
+        color: theme("colors.gray.600") !important;
+
+        svg {
+            color: theme("colors.gray.600") !important;
+        }
     }
 
     .navbar__link {
-        @apply flex items-center font-medium text-gray-600 after:border-t-gray-600;
+        @apply font-medium text-gray-600 after:border-t-gray-600;
+
+        svg {
+            display: inline;
+            margin-top: -2px;
+        }
+
+        &::after {
+            top: 0;
+        }
 
         &::after {
             transform: none;
@@ -83,15 +114,7 @@
     }
 
     .navbar__brand {
-        @apply flex-row-reverse font-mono text-indigo-600 hover:text-indigo-400;
-    }
-
-    .navbar__brand .navbar__logo {
-        @apply ml-1 size-6;
-    }
-
-    .navbar__toggle {
-        display: none;
+        @apply font-mono text-indigo-600 hover:text-indigo-400;
     }
 }