fix(website): fix showcase search input (#9260)

Co-authored-by: sebastienlorber <lorber.sebastien@gmail.com>
This commit is contained in:
Biplav Kumar Mazumdar 2023-09-14 20:33:29 +05:30 committed by GitHub
parent bd8616a23f
commit dc7ae426ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -259,7 +259,6 @@ function ShowcaseCards() {
<Heading as="h2">
<Translate id="showcase.usersList.noResult">No result</Translate>
</Heading>
<SearchBar />
</div>
</section>
);
@ -282,7 +281,6 @@ function ShowcaseCards() {
</Translate>
</Heading>
<FavoriteIcon svgClass={styles.svgIconFavorite} />
<SearchBar />
</div>
<ul
className={clsx(
@ -310,12 +308,8 @@ function ShowcaseCards() {
) : (
<div className="container">
<div
className={clsx(
'margin-bottom--md',
styles.showcaseFavoriteHeader,
)}>
<SearchBar />
</div>
className={clsx('margin-bottom--md', styles.showcaseFavoriteHeader)}
/>
<ul className={clsx('clean-list', styles.showcaseList)}>
{filteredUsers.map((user) => (
<ShowcaseCard key={user.title} user={user} />
@ -333,6 +327,11 @@ export default function Showcase(): JSX.Element {
<main className="margin-vert--lg">
<ShowcaseHeader />
<ShowcaseFilters />
<div
style={{display: 'flex', marginLeft: 'auto'}}
className="container">
<SearchBar />
</div>
<ShowcaseCards />
</main>
</Layout>