From 969ed948b52c4c50f5c153645ab4aad1129771cb Mon Sep 17 00:00:00 2001
From: Alikia2x <ziwen243@outlook.com>
Date: Mon, 29 Apr 2024 15:26:21 +0800
Subject: [PATCH] improve: onesearch relevance display

---
 components/search/onesearch/onesearch.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/search/onesearch/onesearch.tsx b/components/search/onesearch/onesearch.tsx
index a727813..6e72f6f 100644
--- a/components/search/onesearch/onesearch.tsx
+++ b/components/search/onesearch/onesearch.tsx
@@ -20,7 +20,7 @@ export default function () {
     const lastRequestTimeRef = useRef(0);
     const selected = useRecoilValue(selectedSuggestionState);
     const settings = useRecoilValue(settingsState);
-    const devMode = false;
+    const devMode = true;
     const query = useRecoilValue(queryState);
     const engineName = getSearchEngineName();
     const engine = settings.currentSearchEngine;
@@ -112,8 +112,8 @@ export default function () {
                                 {t("search-help-text", { engine: engineName })}
                             </span>
                             {devMode && (
-                                <span className="text-zinc-700 dark:text-zinc-400 text-sm">
-                                    &nbsp;&nbsp;Relevance: {s.relevance}
+                                <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
+                                    {s.relevance}
                                 </span>
                             )}
                         </PlainSearch>
@@ -123,8 +123,8 @@ export default function () {
                         <PlainSearch key={i} query={s.suggestion} selected={i == selected}>
                             {s.suggestion}
                             {devMode && (
-                                <span className="text-zinc-700 dark:text-zinc-400 text-sm">
-                                    &nbsp;&nbsp;Relevance: {s.relevance}
+                                <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
+                                    {s.relevance}
                                 </span>
                             )}
                         </PlainSearch>
@@ -135,8 +135,8 @@ export default function () {
                             {s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>}
                             {s.suggestion}
                             {devMode && (
-                                <span className="text-zinc-700 dark:text-zinc-400 text-sm">
-                                    &nbsp;&nbsp;Relevance: {s.relevance}
+                                <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
+                                    {s.relevance}
                                 </span>
                             )}
                         </Link>
@@ -147,8 +147,8 @@ export default function () {
                             {s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>}
                             <p>{s.suggestion}</p>
                             {devMode && (
-                                <span className="text-zinc-700 dark:text-zinc-400 text-sm">
-                                    Relevance: {s.relevance}
+                                <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
+                                    {s.relevance}
                                 </span>
                             )}
                         </PlainText>