🎨 #303 Figmaのデザインに合わせてテキストの色を変更

nekochans · Aug 18, 2024 · da109d1 · da109d1
1 parent d651036
commit da109d1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/app/_components/IconButton.stories.tsx b/src/app/_components/IconButton.stories.tsx
@@ -12,7 +12,7 @@ type Story = StoryObj<typeof meta>;
 export const Default: Story = {
   args: {
     type: 'button',
-    displayText: 'Button',
+    displayText: 'ログイン',
   },
 };
 

diff --git a/src/app/_components/IconButton.tsx b/src/app/_components/IconButton.tsx
@@ -27,8 +27,10 @@ export const IconButton = ({
       className={`${baseClasses} ${stateClasses} ${focusClasses}`}
       isDisabled={isPending}
     >
-      {showGithubIcon != null && <FaGithub className="size-5" />}
-      <Text>{displayText}</Text>
+      {showGithubIcon != null && (
+        <FaGithub className="size-5 text-orange-900" />
+      )}
+      <Text className="text-lg text-orange-900">{displayText}</Text>
     </Button>
   );
 };