use admonition

Author: ArthurFlag

hugo_stats.json

@@ -295,6 +295,7 @@
       "flex-col-reverse",
       "flex-grow",
       "flex-none",
+      "flex-row",
       "flex-shrink",
       "flex-shrink-0",
       "flex-wrap",
@@ -369,6 +370,7 @@
       "invertible",
       "italic",
       "items-center",
+      "items-left",
       "items-start",
       "items-stretch",
       "justify-between",
@@ -525,6 +527,7 @@
       "rounded",
       "rounded-full",
       "rounded-sm",
+      "row-auto",
       "scale-50",
       "scale-75",
       "scroll-mt-2",
@@ -593,6 +596,7 @@
       "transition-transform",
       "truncate",
       "underline-offset-2",
+      "w-0",
       "w-2",
       "w-32",
       "w-5",

layouts/_default/search.html

@@ -11,8 +11,8 @@ <h1 class="py-4">{{ .Title }}</h1>
         <input type="search" id="search-page-input"
           class="ring-3-gray-light-200 dark:ring-3-gray-dark-400 dark:bg-background-dark focus:ring-3-blue-light dark:focus:ring-3-blue-dark ring-3-[1.5px] w-full max-w-xl min-w-0 rounded-sm bg-white px-4 py-2 outline-hidden"
           placeholder="Search…" tabindex="0" />
-        <div class="flex min-w-fit flex-grow flex-col items-center">
-          <p class="mb-1">Not finding what you're looking for? Try</p>
+        <div class="admonition flex flex-row min-w-fit items-center w-0 gap-1">
+          <p>Not finding what you're looking for? Try</p>
           <button onclick="askAI('search-page-input')" class="topbar-button bg-blue-400/95 border-blue-300 hover:bg-blue-400/90">
             <span>Ask&nbsp;AI</span>
             <span class="icon-svg">

layouts/partials/head.html

@@ -75,6 +75,7 @@
   data-bot-protection-mechanism="hcaptcha"
   data-website-id="{{ site.Params.kapa.id }}"
   data-modal-open-on-command-k="true"
+  data-modal-border-radius="6px"
 ></script>
  <script>
     // Define askAI function to work with search-page-input