Q

components/Welcome.tsx

@@ -17,9 +17,9 @@ export default function Welcome () {
 <p class="text-lg mb-8">開発者募集中です！公式オープンチャットから</p>
     </div>
     <div class="flex flex-col space-y-3 mb-8">
-      <RegisterForm tako="instans" color="hover:bg-primary/90 h-11 px-4 py-2 bg-white text-black w-72 " text="インスタンス作成"></RegisterForm>
-      <RegisterForm tako="register" color="hover:bg-accent hover:text-accent-foreground h-11 px-4 py-2 bg-black border border-white text-white w-72" text="このサーバーに登録"></RegisterForm>
-      <RegisterForm tako="login" color="hover:bg-primary/90 h-11 px-4 py-2 bg-blue-600 text-white w-72 " text="ログイン"></RegisterForm>
+      <RegisterForm tako="instans" color="hover:bg-primary/90 h-11 px-4 py-2 bg-white text-black w-64 " text="インスタンス作成"></RegisterForm>
+      <RegisterForm tako="register" color="hover:bg-accent hover:text-accent-foreground h-11 px-4 py-2 bg-black border border-white text-white w-64" text="このサーバーに登録"></RegisterForm>
+      <RegisterForm tako="login" color="hover:bg-primary/90 h-11 px-4 py-2 bg-blue-600 text-white w-64 " text="ログイン"></RegisterForm>
     </div>
     <div class="text-center md:text-left text-sm mb-8">
       <p>

islands/RegisterForm.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'preact/hooks';
 
 export default function RegisterForm({ text, color,tako }: { text: string, color: string; tako: string;}) {
-    const classs = "inline-flex items-center justify-center rounded-md text-[16px] font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" + color 
+    const classs = "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" + color 
 
     const [showModal, setShowModal] = useState(false);