improve seacrh

superpage/src/styles/app.css

@@ -10,3 +10,46 @@ html,
 body {
     @apply text-white bg-black scroll-pt-22 antialiased;
 }
+
+.pagefind-ui {
+    @apply w-full;
+}
+
+.pagefind-ui__search-input {
+    @apply focus:outline-none w-full p-3.5 placeholder:text-white;
+}
+
+.pagefind-ui__search-clear {
+    @apply absolute right-0;
+}
+
+.pagefind-ui__result-excerpt,
+.pagefind-ui__suppressed,
+.pagefind-ui__hidden {
+    @apply hidden;
+}
+
+.pagefind-ui__drawer {
+    @apply absolute w-full top-full bg-white mt-1.5 p-5 rounded-xl drop-shadow space-y-2.5 z-5;
+}
+
+.pagefind-ui__results {
+    @apply empty:hidden space-y-1;
+}
+
+.pagefind-ui__results,
+.pagefind-ui__button {
+    @apply mt-4;
+}
+
+.pagefind-ui__result {
+    @apply hover:underline;
+}
+
+.pagefind-ui__result-link {
+    @apply font-semibold block;
+}
+
+.pagefind-ui__button {
+    @apply text-center text-sm cursor-pointer hover:underline border border-gray-300 rounded-lg p-1.5 w-full;
+}