3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-05 04:12:53 +02:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
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
1 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
website/src/pages/showcase/index.tsx
View file

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