🎨 #303 テキストのフォントサイズをFigmaのデザインに合わせて修正

nekochans · Aug 18, 2024 · 3a11e14 · 3a11e14
1 parent 37e13be
commit 3a11e14
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/app/_components/IconButton.tsx b/src/app/_components/IconButton.tsx
@@ -108,7 +108,9 @@ export const IconButton = ({
       {showRepeatIcon != null && <RepeatIcon />}
       {showRandomIcon != null && <RandomIcon />}
       {showCatIcon != null && <CatIcon />}
-      <Text className="text-lg text-orange-900">{displayText}</Text>
+      <Text className="text-right font-inter text-lg font-black text-orange-900">
+        {displayText}
+      </Text>
     </Button>
   );
 };
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -7,5 +7,12 @@ const config: Config = {
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   plugins: [],
+  theme: {
+    extend: {
+      fontFamily: {
+        inter: ['Inter', 'sans-serif'],
+      },
+    },
+  },
 };
 export default config;