diff --git a/quartz.layout.ts b/quartz.layout.ts index 39ee2b382..2e3188647 100644 --- a/quartz.layout.ts +++ b/quartz.layout.ts @@ -28,7 +28,7 @@ export const defaultContentPageLayout: PageLayout = { Component.Flex({ components: [ { - Component: Component.Search({miniButton: false}), + Component: Component.Search(), grow: true, }, { Component: Component.Tags() }, @@ -54,7 +54,7 @@ export const defaultListPageLayout: PageLayout = { Component.Flex({ components: [ { - Component: Component.Search({miniButton: false}), + Component: Component.Search(), grow: true, }, { Component: Component.Tags() }, diff --git a/quartz/components/Search.tsx b/quartz/components/Search.tsx index 0b595576c..a6febb400 100644 --- a/quartz/components/Search.tsx +++ b/quartz/components/Search.tsx @@ -19,11 +19,15 @@ export default ((userOpts?: Partial) => { const Search: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => { const opts = { ...defaultOptions, ...userOpts } const searchPlaceholder = i18n(cfg.locale).components.search.searchBarPlaceholder - const searchButtonText = opts.miniButton ? "" :

{i18n(cfg.locale).components.search.title}

+ const searchButtonText = opts.miniButton ? ( + "" + ) : ( +

{i18n(cfg.locale).components.search.title}

+ ) return (