refactor(layout): unify mobile and desktop navigation and fix layout spacing
- Sync `MobileNav` items and icons with desktop `Sidebar` for consistency. - Standardize menu icons using `lucide-react` across all navigation components. - Add a spacer div in `main-layout.tsx` to ensure proper bottom spacing between content and the fixed footer. - Remove redundant 'aria-hidden' attribute in `MobileNav` to fix accessibility warnings. - Fix 'Logout' button layout in mobile menu for better responsiveness.
This commit is contained in:
@@ -114,7 +114,7 @@ export function Sidebar() {
|
||||
|
||||
{/* Logout Button */}
|
||||
<div
|
||||
className={`h-22 px-5 border-t border-white/10 shrink-0 flex items-center ${isSidebarOpen ? "" : "justify-center"}`}
|
||||
className={`h-18 px-5 border-t border-white/10 shrink-0 flex items-center ${isSidebarOpen ? "" : "justify-center"}`}
|
||||
>
|
||||
<Link
|
||||
to="/logout"
|
||||
|
||||
Reference in New Issue
Block a user