clean up navbar

nfdi4plants · Sep 18, 2024 · 31133af · 31133af
1 parent b5e014c
commit 31133af
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -32,7 +32,6 @@ const links: Link[] = [
       {href: URLS.INTERNAL_DEV_TOOLSTACK, text: "Developer Toolstack"},
     ]},
   ]},
-  {href: URLS.INTERNAL_TOOLS, text: "Tools"},
   {href: URLS.INTERNAL_PARTNERS, text: "Partners"}
 ]
 ---
@@ -41,7 +40,7 @@ const links: Link[] = [
 <div class="navbar shadow-md dark:shadow-primary text-primary mb-1 z-50">
   <div class="navbar-start">
     <div class="dropdown">
-      <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+      <div tabindex="0" role="button" class="btn btn-ghost">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           class="h-5 w-5"
@@ -55,19 +54,19 @@ const links: Link[] = [
             d="M4 6h16M4 12h8m-8 6h16" />
         </svg>
       </div>
-      <div class="dropdown-content bg-base-100 rounded-box z-[1] mt-3 shadow p-2 w-52">
+      <div class="dropdown-content bg-base-100 rounded-box z-[1] mt-3 shadow p-2">
         <RecMenu className="menu menu-sm" links={links} />
       </div>
     </div>
     <a class="btn btn-ghost text-xl" href={URLS.INTERNAL_HOME} >
       <img src="/arc-website/favicon.svg" alt="logo" class="h-8 w-8" />
     </a>
-    <Search />
   </div>
-  <div class="navbar-center hidden lg:flex">
+  <!-- <div class="navbar-center hidden lg:flex">
     <RecMenu className="menu menu-horizontal px-1" links={links} />
-  </div>
-  <div class="navbar-end">
+  </div> -->
+  <div class="navbar-end gap-2">
+    <Search />
     <a class="btn btn-ghost btn-circle" href={URLS.GITHUB_REPO}>
       <img
         id="github-logo"

diff --git a/src/components/Search.astro b/src/components/Search.astro
@@ -53,19 +53,19 @@ document.addEventListener('keydown', function(event) {
 </script>
 
 <div>
-  <button class="btn btn-outline no-animation flex-nowrap" onclick="toggleModal()">
-    Search
+  <button class="btn max-md:btn-ghost max-md:btn-circle md:btn-outline no-animation flex-nowrap" onclick="toggleModal()">
+    <span class="hidden md:block">Search</span>
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 16 16"
       fill="currentColor"
-      class="h-4 w-4 opacity-70">
+      class="h-9 w-9 md:h-4 md:w-4 opacity-70">
       <path
       fill-rule="evenodd"
       d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
       clip-rule="evenodd" />
     </svg>
-    <kbd class="kbd kbd-sm text-black dark:text-white">s</kbd>
+    <kbd class="kbd kbd-sm text-black dark:text-white hidden md:block">s</kbd>
   </button>
   <div id="search-modal" style="display: none">
     <div id="search-modal-bg" onclick="hideModal()"></div>

diff --git a/src/components/ThemeController.astro b/src/components/ThemeController.astro
@@ -39,7 +39,7 @@
 
     <!-- sun icon -->
     <svg
-      class="swap-off h-10 w-10 fill-current"
+      class="swap-off h-9 w-9 fill-current"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24">
       <path
@@ -48,7 +48,7 @@
 
     <!-- moon icon -->
     <svg
-      class="swap-on h-10 w-10 fill-current"
+      class="swap-on h-9 w-9 fill-current"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24">
       <path