ZHAW/crypto_clash
1
0
Fork 0
mirror of https://github.com/averel10/crypto_clash.git synced 2026-03-12 19:08:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

use custom button component to rid all the css

Browse Source
This commit is contained in:
SamKry
2025-11-18 19:32:36 +01:00
parent a82037a698
commit f113ed6042
6 changed files with 79 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
crypto_clash_frontend/app/clash/Button.tsx Normal file
View File

@@ -0,0 +1,13 @@
import { ButtonHTMLAttributes } from "react";
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
variant?: "primary" | "secondary";
}
export function Button({ variant = "primary", className = "", ...props }: Readonly<ButtonProps>) {
const baseClasses = variant === "primary"
? "rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:opacity-50 disabled:cursor-not-allowed"
: "rounded bg-white px-2 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-0 dark:hover:bg-white/20";
return <button className={`${baseClasses} ${className}`} {...props} />;
}