Wodey/wodey-prototype
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct translation direction for link label animation in Sidebar component

Browse Source
This commit is contained in:
iamkiddy 2025-04-26 23:15:44 +00:00
parent 7a63c50eff
commit b74bb4e0eb
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Side_bar.tsx
View File

@ -32,7 +32,7 @@ export default function Sidebar() {
{/* Menu Icon */}
<div className="flex md:flex-col items-center gap-4 md:gap-6">
<div
className="cursor-pointer hover:opacity-80 transition-opacity duration-200"
className="cursor-pointer hover:opacity-80 transition-opacity duration-200 mb-5"
onClick={() => setIsMenuOpen(!isMenuOpen)}
>
<Image
@ -61,7 +61,7 @@ export default function Sidebar() {
</div>
{/* Link Label */}
<p className={`text-white text-xs mt-1 transition-all duration-300 ease-in-out ${isMenuOpen ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-4'} group-hover:opacity-80`}>
<p className={`text-white text-xs mt-1 transition-all duration-300 ease-in-out ${isMenuOpen ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-4'} group-hover:opacity-80`}>
{link.label}
</p>
</div>