Make result more compact

Use std color for the url Keep the keywords when closing and reopening the search dialog
surrealdb · Oct 13, 2023 · 6046467 · 6046467
1 parent 3b6198d
commit 6046467
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/theme/SearchBar/index.tsx b/src/theme/SearchBar/index.tsx
@@ -45,7 +45,7 @@ function SearchBar(): JSX.Element | null {
             </a>
             <dialog className={styles.modal} ref={dialogRef}>
                 <form method="dialog">
-                    <input className={styles.input} onChange={(e)=>handleChange(e.target.value)} type="text" placeholder="Search.." />
+                    <input className={styles.input} onChange={(e)=>handleChange(e.target.value)} type="text" placeholder="Search.." value={keywords} />
                 </form>
                 {(results && results.length > 0) ? (
                     <div className={styles.results}>

diff --git a/src/theme/SearchBar/styles.module.css b/src/theme/SearchBar/styles.module.css
@@ -57,7 +57,7 @@
 }
 
 .result {
-    padding: 2em 2em;
+    padding: 1em 1em;
     display: block;
     transition: background .1s ease;
 }
@@ -82,7 +82,6 @@
 .url {
     font-size: 0.75em;
     margin-bottom: 0;
-    color: #363e4c;
     margin-bottom: 0.75em;
 }