From f5055439b9930e6bcc0aee133b7cc988f9848221 Mon Sep 17 00:00:00 2001
From: untunt <unt_tianjin@163.com>
Date: Sun, 8 Dec 2024 21:34:42 +0800
Subject: [PATCH] Add text hint for `CreateSchemaButton`

---
 src/Components/SchemaEditor.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Components/SchemaEditor.tsx b/src/Components/SchemaEditor.tsx
index 36dacb4..0b484bc 100644
--- a/src/Components/SchemaEditor.tsx
+++ b/src/Components/SchemaEditor.tsx
@@ -128,8 +128,9 @@ const CreateSchemaButton = styled.button`
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
-  min-width: 1.75rem;
   min-height: 1.75rem;
+  padding: 0 0.375rem;
+  gap: 0.125rem;
   font-size: 1rem;
   color: #555;
   transition: background-color 150ms;
@@ -137,6 +138,9 @@ const CreateSchemaButton = styled.button`
   &:focus {
     background-color: #ccc;
   }
+  & > .fa-fw {
+    width: 1em;
+  }
 `;
 const EditorArea = styled.div`
   position: relative;
@@ -748,6 +752,7 @@ export default function SchemaEditor({ state, setState, commonOptions, evaluateH
         ))}
         <CreateSchemaButton title="新增方案" onClick={createSchema.current}>
           <FontAwesomeIcon icon={faPlus} fixedWidth />
+          <div>加載更多注音方案</div>
         </CreateSchemaButton>
       </TabBar>
       <EditorArea ref={setEditorArea} lang="en-x-code">