🔧 Tweaking appearance of search results

2022-05-29 09:40:46 -07:00
parent 4ec45352e9
commit f6d86199dd
2 changed files with 68 additions and 29 deletions
--- a/src/client/components/GlobalSearchBar/SearchBar.tsx
+++ b/src/client/components/GlobalSearchBar/SearchBar.tsx
@@ -62,7 +62,13 @@ export const SearchBar = (data: ISearchBarProps): ReactElement => {
          }}
        >
          {map(searchResults, (result) => (
-            <MetadataPanel data={result} />
+            <MetadataPanel
+              data={result}
+              imageStyle={{ maxWidth: 70 }}
+              titleStyle={{ fontSize: "0.8rem" }}
+              tagsStyle={{ fontSize: "0.7rem" }}
+              containerStyle={{ width: "100vw", padding: 0, margin: "0 0 8px 0" }}
+            />
          ))}
        </div>
      ) : null}