WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

profile bug fixed #327

Merged
ameye merged 1 commits from profile-bug into master 2023-07-17 08:06:43 +00:00
Conversation 0 Commits 1 Files Changed 1
+19 -7
1 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/Header.jsx
+19 -7
View File
@@ -472,10 +472,10 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
</Link>
</div>
{/* profile */}
<div className="user-profile relative lg:block hidden">
<div className="user-profile relative">
<div
onClick={() => handlerProfile()}
className="flex items-center space-x-3.5"
className="hidden lg:flex items-center space-x-3.5"
>
{/* profile-image */}
<div className="lg:w-[62px] lg:h-[62px] w-[50px] h-[50px] rounded-full overflow-hidden">
@@ -492,6 +492,17 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
{userDetails && userDetails?.account_type !== "FAMILY" && <p className="text-sm text-thin-light-gray">@{userEmail}</p>}
</div>
</div>
<div className="for-mobile-profile lg:hidden block">
<div
// to="/profile"
onClick={() => handlerProfile()}
className="lg:w-[62px] lg:h-[62px] w-[50px] h-[50px] rounded-full overflow-hidden block"
>
<img src={profileImg} alt="profile" className="w-full h-full" />
</div>
</div>
<div
className={`profile-dropdown w-[293px] z-30 bg-white dark:bg-dark-white absolute lg:right-16 -right-[16px] rounded-lg ${
userProfileDropdown ? "active" : ""
@@ -684,14 +695,15 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
</div>
</div>
</div>
<div className="for-mobile-profile lg:hidden block">
<Link
to="/profile"
{/* <div className="for-mobile-profile lg:hidden block">
<div
// to="/profile"
onClick={() => handlerProfile()}
className="lg:w-[62px] lg:h-[62px] w-[50px] h-[50px] rounded-full overflow-hidden block"
>
<img src={profileImg} alt="profile" className="w-full h-full" />
</Link>
</div>
</div>
</div> */}
</div>
</div>
</div>