sergey/anti-hvost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add and edit task modal

Browse Source
This commit is contained in:
Sergey Elpashev
2025-04-21 16:01:19 +03:00
parent a99be691c7
commit c4eca9b5e6
5 changed files with 232 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ui/Button.tsx
View File

@@ -7,18 +7,25 @@ const button = tv({
color: {
primary: "bg-[rgba(206,232,251,0.7)] hover:bg-[rgba(206,232,251,0.9)] active:bg-[rgba(206,232,251,0.9)]",
secondary: "bg-[rgba(255,251,197,0.68)] hover:bg-[rgba(255,251,197,0.9)] active:bg-[rgba(255,251,197,0.9)]",
red: "bg-[rgba(251,194,199,0.53)] hover:bg-[rgba(251,194,199,0.9)] active:bg-[rgba(251,194,199,0.9)]",
},
},
});
interface ButtonProps {
color?: "primary" | "secondary";
color?: "primary" | "secondary" | "red";
onClick?: () => void;
className?: string;
}
const Button: FunctionComponent<ButtonProps> = ({ children, onClick = () => {}, color = "primary" }) => {
const Button: FunctionComponent<ButtonProps> = ({
children,
onClick = () => {},
color = "primary",
className = "",
}) => {
return (
<button type="button" class={button({ color: color })} onClick={onClick}>
<button type="button" class={button({ color: color, class: className })} onClick={onClick}>
{children}
</button>
);