more fixes

This commit is contained in:
IGNY8 VPS (Salman)
2025-12-27 06:53:36 +00:00
parent 302af6337e
commit d5bda678fd
11 changed files with 34 additions and 24 deletions

View File

@@ -156,7 +156,7 @@ const LayoutContent: React.FC = () => {
<div
className={`flex-1 transition-all duration-300 ease-in-out ${
isExpanded || isHovered ? "lg:ml-[290px]" : "lg:ml-[90px]"
} ${isMobileOpen ? "ml-0" : ""} w-full max-w-full min-[1440px]:max-w-[90%]`}
} ${isMobileOpen ? "ml-0" : ""} w-full`}
>
<AppHeader />
{/* Pending Payment Banner - Shows when account status is 'pending_payment' */}

View File

@@ -452,10 +452,12 @@ const AppSidebar: React.FC = () => {
onMouseEnter={() => !isExpanded && setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
>
{/* Collapse/Expand Toggle Button - Attached to border */}
{/* Collapse/Expand Toggle Button - Position changes based on state */}
<button
onClick={toggleSidebar}
className="hidden lg:flex absolute -right-3 top-20 w-6 h-6 items-center justify-center bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-full shadow-sm hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors z-50"
className={`hidden lg:flex absolute top-20 w-6 h-6 items-center justify-center bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-full shadow-sm hover:bg-gray-50 dark:hover:bg-gray-800 transition-all duration-300 z-50 ${
isExpanded || isHovered ? '-right-3' : 'right-3'
}`}
aria-label={isExpanded ? "Collapse Sidebar" : "Expand Sidebar"}
>
<svg