diff --git a/src/assets/css/components/Help.scss b/src/assets/css/components/Help.scss new file mode 100644 index 0000000..280bc1b --- /dev/null +++ b/src/assets/css/components/Help.scss @@ -0,0 +1,14 @@ +.help { + @apply absolute top-0 right-0 z-10 flex items-center gap-x-3 py-2 px-3 text-zuume text-xl pr-6; + transform: translate(3px, -2px); + &:after { + @apply block bg-white w-full h-full absolute top-0 left-0 z-0; + content: ""; + + transform: perspective(150px) rotateY(7deg); + z-index: -1; + } + &__icon { + @apply w-10 h-10 object-contain object-center; + } +} diff --git a/src/components/game/Help.jsx b/src/components/game/Help.jsx new file mode 100644 index 0000000..60a5d83 --- /dev/null +++ b/src/components/game/Help.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import helpIcon from "../../assets/img/icons/help-icon.svg"; +export default function Help() { + return ( +
+ + Aide +
+ ); +}