imxyy1soope1/mylinspirer
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fmt: use biome

Browse Source
This commit is contained in:
imxyy_soope_
2025-12-06 22:26:28 +08:00
parent 8be7af6815
commit 9a82ecedac
22 changed files with 400 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/ui/Button.tsx
View File

@@ -1,35 +1,37 @@
import { Component, JSX, splitProps } from 'solid-js';
import { cva, type VariantProps } from 'class-variance-authority';
import { Component, JSX, splitProps } from "solid-js";
import { cva, type VariantProps } from "class-variance-authority";
const buttonVariants = cva(
'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed',
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed",
{
variants: {
variant: {
primary: 'bg-indigo-600 text-white hover:bg-indigo-700',
secondary: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50',
danger: 'bg-red-600 text-white hover:bg-red-700',
success: 'bg-green-600 text-white hover:bg-green-700',
ghost: 'text-indigo-600 hover:text-indigo-900',
link: 'text-red-600 hover:text-red-900',
primary: "bg-indigo-600 text-white hover:bg-indigo-700",
secondary: "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50",
danger: "bg-red-600 text-white hover:bg-red-700",
success: "bg-green-600 text-white hover:bg-green-700",
ghost: "text-indigo-600 hover:text-indigo-900",
link: "text-red-600 hover:text-red-900",
},
size: {
sm: 'px-3 py-1',
md: 'px-4 py-2',
lg: 'w-full px-4 py-2',
sm: "px-3 py-1",
md: "px-4 py-2",
lg: "w-full px-4 py-2",
},
},
defaultVariants: {
variant: 'primary',
size: 'md',
variant: "primary",
size: "md",
},
}
},
);
export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {}
export interface ButtonProps
extends JSX.ButtonHTMLAttributes<HTMLButtonElement>,
VariantProps<typeof buttonVariants> {}
const Button: Component<ButtonProps> = (props) => {
const [local, others] = splitProps(props, ['variant', 'size', 'class']);
const [local, others] = splitProps(props, ["variant", "size", "class"]);
return (
<button
class={buttonVariants({ variant: local.variant, size: local.size, class: local.class })}