introducing help component

This commit is contained in:
Antoine M 2024-02-13 19:22:43 +01:00
parent 152b97dc71
commit 29e973a4f1
2 changed files with 24 additions and 0 deletions

View File

@ -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;
}
}

View File

@ -0,0 +1,10 @@
import React from "react";
import helpIcon from "../../assets/img/icons/help-icon.svg";
export default function Help() {
return (
<div className='help'>
<img className="help__icon" src={helpIcon} alt='' />
Aide
</div>
);
}