public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

added buttons to drawer UI

Browse Source
This commit is contained in:
Quentin Roussel
2024-03-27 21:22:01 +01:00
parent 76ed97e904
commit 6debf95b8f
3 changed files with 40 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
traque-front/components/util/button.jsx
View File

@@ -1,5 +1,17 @@
export default function Button({ children, ...props }) {
return (<button {...props} className={props.className + " bg-blue-600 hover:bg-blue-500 ease-out duration-200 text-white w-full h-full p-4 shadow-sm rounded"}>
return (<button {...props} className="bg-blue-600 hover:bg-blue-500 text-lg ease-out duration-200 text-white w-full h-full p-4 shadow-sm rounded">
{children}
</button>)
}
export function RedButton({ children, ...props }) {
return (<button {...props} className="bg-red-600 hover:bg-red-500 text-lg ease-out duration-200 text-white w-full h-full p-4 shadow-sm rounded">
{children}
</button>)
}
export function GreenButton({ children, ...props }) {
return (<button {...props} className="bg-green-600 hover:bg-green-500 text-lg ease-out duration-200 text-white w-full h-full p-4 shadow-sm rounded">
{children}
</button>)
}