From 020c3264587cdf525696851e7ad11061e5260a99 Mon Sep 17 00:00:00 2001
From: "Alexandre G.-Raymond" <alex@ndre.gr>
Date: Sun, 26 Nov 2023 22:52:17 +0100
Subject: [PATCH] Codeformat for search

---
 website/src/components/Header/Search.css | 14 +++++++++-----
 website/src/components/Header/Search.tsx |  7 ++++++-
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/website/src/components/Header/Search.css b/website/src/components/Header/Search.css
index c06a45e2..456ef9f6 100644
--- a/website/src/components/Header/Search.css
+++ b/website/src/components/Header/Search.css
@@ -2,7 +2,7 @@
 :root {
   --docsearch-primary-color: var(--lineHighlight);
   --docsearch-logo-color: var(--foreground);
-  --docsearch-container-background: rgba(110,110,110,0.8);
+  --docsearch-container-background: rgba(110, 110, 110, 0.8);
   --docsearch-modal-shadow: none;
   --docsearch-text-color: var(--foreground);
   --docsearch-highlight-color: var(--foreground);
@@ -16,12 +16,13 @@
   --docsearch-footer-shadow: none;
   --docsearch-footer-background: var(--gutterBackground);
   --docsearch-modal-background: var(--background);
-  --docsearch-muted-color: color-mix(in srgb,var(--foreground),#fff 30%);
+  --docsearch-muted-color: color-mix(in srgb, var(--foreground), #fff 30%);
   --docsearch-key-gradient: var(--foreground);
-  --docsearch-key-shadow: inset 0 -2px 0 0 var(--gutterForeground),inset 0 0 1px 1px var(--foreground),0 1px 2px 1px var(--gutterBackground);
+  --docsearch-key-shadow: inset 0 -2px 0 0 var(--gutterForeground), inset 0 0 1px 1px var(--foreground),
+    0 1px 2px 1px var(--gutterBackground);
 }
 .dark {
-  --docsearch-muted-color: color-mix(in srgb,var(--foreground),#000 30%);
+  --docsearch-muted-color: color-mix(in srgb, var(--foreground), #000 30%);
 }
 .search-input {
   flex-grow: 1;
@@ -119,4 +120,7 @@
 .DocSearch-Footer {
   color: var(--docsearch-muted-color) !important;
 }
-.DocSearch-Logo svg .cls-1, .DocSearch-Logo svg .cls-2{fill:var(--docsearch-logo-color);}
\ No newline at end of file
+.DocSearch-Logo svg .cls-1,
+.DocSearch-Logo svg .cls-2 {
+  fill: var(--docsearch-logo-color);
+}
diff --git a/website/src/components/Header/Search.tsx b/website/src/components/Header/Search.tsx
index 6a152b7c..d3a935f5 100644
--- a/website/src/components/Header/Search.tsx
+++ b/website/src/components/Header/Search.tsx
@@ -43,7 +43,12 @@ export default function Search() {
 
   return (
     <>
-      <button type="button" ref={searchButtonRef} onClick={onOpen} className="rounded-md bg-slate-900 w-full px-2 search-button">
+      <button
+        type="button"
+        ref={searchButtonRef}
+        onClick={onOpen}
+        className="rounded-md bg-slate-900 w-full px-2 search-button"
+      >
         <svg width="24" height="24" fill="none">
           <path
             d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"