diff options
| author | realtradam <[email protected]> | 2024-06-20 16:26:41 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2024-06-20 16:26:41 -0400 |
| commit | cb729eb22b9f81d9f9194a92abb475ed06148e69 (patch) | |
| tree | 1a7c021dea3af7acd2dbcb5e4adbb47b4dcf97e4 | |
| parent | eada50342a7c9ba21d6d86b1416bf5c10d05e2a2 (diff) | |
| download | malcz.com-cb729eb22b9f81d9f9194a92abb475ed06148e69.tar.gz malcz.com-cb729eb22b9f81d9f9194a92abb475ed06148e69.zip | |
add 3d effect to slide out button
| -rw-r--r-- | src/components/Layout.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index e51f89f..7ed519d 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -27,7 +27,7 @@ export default function Layout ({userData}: userData) return ( <> <div id="page" className="star flex flex-row min-h-screen max-h-screen bg-amber-400 text-stone-950 text-xl bg-star bg-repeat bg-[length:170px_170px]"> - <div onClick={handleSidebarOpen} className={`${sidebarOpen ? 'sidebarOpen' : ''} ${sidebarClosed ? 'sidebarClosed' : ''} ${sidebarInit ? 'sidebarInit' : ''} sidebar-animation flex items-center justify-center md:hidden fixed shadow-xl ml-[17rem] m-4 h-12 w-12 text-stone-50 bg-stone-800 rounded-[5px] z-[5]`}> + <div onClick={handleSidebarOpen} className={`${sidebarOpen ? 'sidebarOpen' : ''} ${sidebarClosed ? 'sidebarClosed' : ''} ${sidebarInit ? 'sidebarInit' : ''} sidebar-animation flex items-center justify-center md:hidden fixed shadow-xl ml-[17rem] m-4 h-12 w-12 text-stone-50 bg-stone-800 border-b-4 border-stone-950 rounded-[5px] z-[5]`}> <div className={`${sidebarClosed || sidebarInit ? '' : 'hidden'} flex items-center justify-center`}> <i className="fa-solid fa-chevron-right w-6 h-6"></i> </div> |