From b8b6290ece43013a6bf36c2ff42ee86e1406b46d Mon Sep 17 00:00:00 2001
From: John <john@johng.cn>
Date: Sun, 17 Nov 2024 17:38:39 +0800
Subject: [PATCH] up

---
 src/css/custom.css                            | 23 ++++++++++++++++++-
 .../_components/ClearAllButton/index.tsx      |  8 +++++--
 .../_components/ShowcaseCard/index.tsx        |  2 +-
 .../ShowcaseCard/styles.module.css            | 13 +++++++----
 .../_components/ShowcaseSearchBar/index.tsx   |  2 +-
 .../ShowcaseSearchBar/styles.module.css       |  2 +-
 src/pages/showcase/index.tsx                  |  6 ++---
 7 files changed, 43 insertions(+), 13 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index a434a946206..9eea671b903 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -28,6 +28,8 @@
   --ifm-color-primary-light: #33925d;
   --ifm-color-primary-lighter: #359962;
   --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-secondary-dark: #d4d5d8;
+  --ifm-button-border-color: #d4d5d8;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --ifm-font-size-base: 16px;
@@ -154,4 +156,23 @@ table th, table td {
 
 .markdown li > p {
   margin: 0 0 6px 0;
-}
\ No newline at end of file
+}
+
+.screen-reader-only {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: polygon(0 0, 0 0, 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+
+.showcase-reset {
+  padding: 8px 20px 8px 20px !important;
+  font-size: 14px !important;
+}
+
diff --git a/src/pages/showcase/_components/ClearAllButton/index.tsx b/src/pages/showcase/_components/ClearAllButton/index.tsx
index 372706062ee..4f34f369496 100644
--- a/src/pages/showcase/_components/ClearAllButton/index.tsx
+++ b/src/pages/showcase/_components/ClearAllButton/index.tsx
@@ -6,6 +6,7 @@
  */
 
 import React, {type ReactNode} from 'react';
+import {translate} from '@docusaurus/Translate';
 import {useClearQueryString} from '@docusaurus/theme-common';
 
 export default function ClearAllButton(): ReactNode {
@@ -13,10 +14,13 @@ export default function ClearAllButton(): ReactNode {
   // TODO translate
   return (
     <button
-      className="button button--outline button--primary"
+      className="button showcase-reset button--primary"
       type="button"
       onClick={() => clearQueryString()}>
-      Clear All
+      {translate({
+          message: '重置条件',
+          id: 'showcase.resetbutton',
+        })}
     </button>
   );
 }
diff --git a/src/pages/showcase/_components/ShowcaseCard/index.tsx b/src/pages/showcase/_components/ShowcaseCard/index.tsx
index 336698958cd..17eb6e00135 100644
--- a/src/pages/showcase/_components/ShowcaseCard/index.tsx
+++ b/src/pages/showcase/_components/ShowcaseCard/index.tsx
@@ -75,7 +75,7 @@ function ShowcaseCard({user}: {user: User}) {
             </Link>
           </Heading>
           {user.tags.includes('favorite') && (
-            <FavoriteIcon size="medium" style={{marginRight: '0.25rem'}} />
+            <FavoriteIcon size="medium"/>
           )}
           {user.source && (
             <Link
diff --git a/src/pages/showcase/_components/ShowcaseCard/styles.module.css b/src/pages/showcase/_components/ShowcaseCard/styles.module.css
index c8bda2ee5f0..0aea686b1f2 100644
--- a/src/pages/showcase/_components/ShowcaseCard/styles.module.css
+++ b/src/pages/showcase/_components/ShowcaseCard/styles.module.css
@@ -42,10 +42,15 @@
 }
 
 .showcaseCardSrcBtn {
-  margin-left: 6px;
-  padding-left: 12px;
-  padding-right: 12px;
-  border: none;
+  margin-left: 5px;
+  border: none !important;
+  padding: 5px 10px 5px 10px !important;
+  background-color: #e4e6eb !important;
+  font-size: 12px !important;
+}
+
+.showcaseCardSrcBtn:hover {
+  background-color: #d4d5d8 !important;
 }
 
 .showcaseCardSrcBtn:focus-visible {
diff --git a/src/pages/showcase/_components/ShowcaseSearchBar/index.tsx b/src/pages/showcase/_components/ShowcaseSearchBar/index.tsx
index 87b62b8ce39..bc10485a969 100644
--- a/src/pages/showcase/_components/ShowcaseSearchBar/index.tsx
+++ b/src/pages/showcase/_components/ShowcaseSearchBar/index.tsx
@@ -16,7 +16,7 @@ export default function ShowcaseSearchBar(): ReactNode {
     <div className={styles.searchBar}>
       <input
         placeholder={translate({
-          message: 'Search for site name...',
+          message: '搜索名称...',
           id: 'showcase.searchBar.placeholder',
         })}
         value={searchName}
diff --git a/src/pages/showcase/_components/ShowcaseSearchBar/styles.module.css b/src/pages/showcase/_components/ShowcaseSearchBar/styles.module.css
index 22e60d479b1..503ad21786b 100644
--- a/src/pages/showcase/_components/ShowcaseSearchBar/styles.module.css
+++ b/src/pages/showcase/_components/ShowcaseSearchBar/styles.module.css
@@ -11,7 +11,7 @@
 
 .searchBar input {
   height: 30px;
-  border-radius: 15px;
+  border-radius: 5px;
   padding: 10px;
   border: 1px solid gray;
 }
diff --git a/src/pages/showcase/index.tsx b/src/pages/showcase/index.tsx
index 471342f1208..f166c43d9a8 100644
--- a/src/pages/showcase/index.tsx
+++ b/src/pages/showcase/index.tsx
@@ -15,9 +15,9 @@ import ShowcaseSearchBar from '@site/src/pages/showcase/_components/ShowcaseSear
 import ShowcaseCards from './_components/ShowcaseCards';
 import ShowcaseFilters from './_components/ShowcaseFilters';
 
-const TITLE = translate({message: 'Docusaurus Site Showcase'});
+const TITLE = translate({message: 'GoFrame框架使用案例展示'});
 const DESCRIPTION = translate({
-  message: 'List of websites people are building with Docusaurus',
+  message: '使用GoFrame构建的站点和组件列表',
 });
 const SUBMIT_URL = 'https://github.com/facebook/docusaurus/discussions/7826';
 
@@ -28,7 +28,7 @@ function ShowcaseHeader() {
       <p>{DESCRIPTION}</p>
       <Link className="button button--primary" to={SUBMIT_URL}>
         <Translate id="showcase.header.button">
-          🙏 Please add your site
+          🙏 添加您的使用案例 🙏
         </Translate>
       </Link>
     </section>