wip

Author: ArthurFlag

assets/css/utilities.css

@@ -250,9 +250,9 @@
   font-size: 90%;
 }
 @utility topbar-button {
-  @apply font-semibold min-h-10 px-1 bg-blue-400/70 rounded-md border-1 border-gray-300  inline-flex justify-center items-center gap-1.5 overflow-hidden;
+  @apply font-semibold min-h-10 px-2 bg-blue-400/50 rounded-md border-1 border-blue-300  inline-flex justify-center items-center gap-1.5;
   svg {
-   font-size: 20px;
+   font-size: 19px;
   }
 }
 

hugo_stats.json

@@ -11,6 +11,7 @@
       "-v",
       "-z-10",
       ".NET",
+      ":",
       "AWS-Route-53",
       "Admin-Console",
       "After",
@@ -386,9 +387,16 @@
       "lg:no-underline",
       "lg:pb-2",
       "lg:scale-100",
+      "lg:w-[100px]",
+      "lg:w-[150px]",
+      "lg:w-[170px]",
+      "lg:w-[200px]",
+      "lg:w-[300px]",
+      "lg:w-[80px]",
       "link",
       "lntable",
       "lntd",
+      "m:w-[100px]",
       "macOS",
       "max-h-full",
       "max-w-4xl",
@@ -420,8 +428,13 @@
       "md:text-base",
       "md:text-sm",
       "md:top-16",
+      "md:w-[100px]",
+      "md:w-[170px]",
+      "md:w-[180px]",
+      "md:w-[200px]",
       "md:w-[300px]",
       "md:w-[320px]",
+      "md:w-[50px]",
       "md:z-auto",
       "min-h-screen",
       "min-w-0",
@@ -538,6 +551,8 @@
       "sm:flex-row",
       "sm:hidden",
       "sm:items-center",
+      "sm:w-[100px]",
+      "sm:w-[80px]",
       "sm:w-full",
       "space-y-2",
       "space-y-4",

layouts/partials/header.html

@@ -2,7 +2,7 @@
   class="sticky top-0 z-20 h-16 w-full bg-gradient-to-r from-blue-600 to-blue-500 to-50% px-6 text-white dark:from-blue-600 dark:to-blue-500"
 >
   <div
-    class="mx-auto flex h-full max-w-[1920px] items-center justify-between gap-2 lg:gap-8"
+    class="mx-auto flex h-full max-w-[1920px] items-center justify-between gap-2"
   >
     <div class="flex h-full items-center gap-2 lg:gap-8">
       {{- if not .IsHome }}
@@ -44,7 +44,7 @@
         </ul>
       </nav>
     </div>
-    <div class="flex min-w-0 flex-grow items-center justify-end gap-4">
+    <div class="flex min-w-0  items-center justify-end gap-4">
       <div class="topbar-button overflow-visible">
          {{ partialCached "search-bar.html" "-" }}
       </div>

layouts/partials/search-bar.html

@@ -9,10 +9,10 @@
   @click.outside="open = false;"
   @keyup.escape.window="open = false"
   id="search-bar"
-  class="relative hidden min-w-0 items-center sm:flex sm:w-full xl:w-[300px] flex"
+  class="relative items-center flex"
 >
   <div id="search-bar-keyboard-shortcuts" x-cloak :class="open && 'hidden'"
-    class="hidden rounded-sm text-sm md:flex md:items-center"
+    class="sm:hidden rounded-sm text-sm md:flex md:items-center"
     >
     <div>
       <span x-show="navigator.platform == 'MacIntel'" class="icon-svg icon-sm">{{ partialCached "icon"
@@ -44,7 +44,7 @@
     tabindex="0"
   />
   <div id="search-bar-icon" class="order-2">
-    <span class="icon-svg-stroke icon-sm">
+    <span class="icon-svg-stroke">
           {{ partial "utils/svg.html" "/icons/search.svg" }}
         </span>
   </div>
@@ -55,16 +55,16 @@
     x-init="$nextTick(() => {
       if (open) {
         const rect = $refs.searchBarRef.getBoundingClientRect();
-        $el.style.top = (rect.bottom + window.scrollY) + 'px';
+        $el.style.top = (rect.bottom + window.scrollY + 9) + 'px';
         $el.style.left = rect.left + 'px';
         $el.style.width = Math.max(rect.width, 400) + 'px';
       }
     })"
     x-effect="if (open) {
       const rect = $refs.searchBarRef.getBoundingClientRect();
-      $el.style.top = (rect.bottom + window.scrollY) + 'px';
+      $el.style.top = (rect.bottom + window.scrollY + 9) + 'px';
       $el.style.left = rect.left + 'px';
-      $el.style.width = Math.max(rect.width, 300) + 'px';
+      $el.style.width = Math.max(rect.width, 400) + 'px';
     }"
     class="bg-background-light dark:bg-background-dark fixed z-[999] max-w-xl rounded-sm px-6 py-4 shadow-lg"
   >
@@ -82,7 +82,7 @@
           termFrequency: 0.2,
           pageLength: 0.75,
           termSaturation: 1.4,
-          termSimilarity: 6.0,
+          termSimilarity: 6.0
         },
       });