use classic header for recent searches and fix padding

algolia · Mar 8, 2022 · 47c2540 · 47c2540
1 parent 97291b0
commit 47c2540
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/examples/two-column-layout/src/plugins/recentSearchesPlugin.tsx b/examples/two-column-layout/src/plugins/recentSearchesPlugin.tsx
@@ -16,11 +16,14 @@ export const recentSearchesPlugin = createLocalStorageRecentSearchesPlugin({
       ...source,
       templates: {
         ...source.templates,
-        header({ state }) {
+        header({ state, Fragment }) {
           return (
-            <div className="aa-SourceHeaderTitle">
-              {state.query ? 'Suggestions' : 'Recent searches'}
-            </div>
+            <Fragment>
+              <span className="aa-SourceHeaderTitle">
+                {state.query ? 'Suggestions' : 'Recent searches'}
+              </span>
+              <div className="aa-SourceHeaderLine" />
+            </Fragment>
           );
         },
       },

diff --git a/examples/two-column-layout/style.css b/examples/two-column-layout/style.css
@@ -81,7 +81,6 @@ body {
 
 /* Products */
 .aa-PanelSection--products {
-  padding: var(--aa-spacing-half);
   transition: background 0.2s ease-out;
 }