diff options
| author | realtradam <[email protected]> | 2024-05-22 14:59:24 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2024-05-22 14:59:24 -0400 |
| commit | 6cf41b4a5c55c91974e31ac032d969c7481b3e80 (patch) | |
| tree | d0233a35a60f33f6d7115a26139fd6e61f96c15a /app/javascript/components/Button.jsx | |
| parent | 3321db8f9c549103ebae46bf025a3135208a2e3b (diff) | |
| download | gameHolster-6cf41b4a5c55c91974e31ac032d969c7481b3e80.tar.gz gameHolster-6cf41b4a5c55c91974e31ac032d969c7481b3e80.zip | |
extract frontend
Diffstat (limited to 'app/javascript/components/Button.jsx')
| -rw-r--r-- | app/javascript/components/Button.jsx | 15 |
1 files changed, 0 insertions, 15 deletions
diff --git a/app/javascript/components/Button.jsx b/app/javascript/components/Button.jsx deleted file mode 100644 index de199d0..0000000 --- a/app/javascript/components/Button.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; -import { Link } from "react-router-dom"; - -export default function Button ({ link, width = 36, height = 16, spinner = 4 }) -{ - return ( - <> - <div className={`w-${ width } h-${ height } relative grid rounded-[5px] cursor-pointer overflow-hidden place-items-center before:content-[''] before:absolute before:w-${ spinner } before:bg-amber-400 before:rotate-[32deg] before:h-[1%] before:transition-all before:duration-500 before:ease-linear before:animate-[buttonSpin_1.5s_linear_infinite] hover:before:h-[2800%] hover:before:transition-all hover:before:duration-0 hover:before:ease-linear after:absolute after:content-[''] after:bg-stone-800 after:rounded-[5px] after:inset-0 after:transition-all after:duration-200 after:ease-in-out hover:after:inset-[5px] hover:after:transition-all hover:after:duration-200 hover:after:ease-in-out`}> - <div className="z-[3]"> - { link } - </div> - </div> - </> - ) -}; |