Michael/LogiFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/LogiFlow.git synced 2026-10-13 10:18:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix sidebar display and scrolling issues on smaller screens

Browse Source 
Address several UI glitches including unreadable sidebar icons when collapsed, incorrect scrollbar placement, and a visual gap at the bottom of the sidebar by adjusting layout and container properties across multiple pages and components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cc8ba926-557c-4bf1-a2ea-ceabbcf38824
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc8ba926-557c-4bf1-a2ea-ceabbcf38824/cinqGFV
This commit is contained in:
michaelschal committed 2025-08-12 20:23:49 +00:00
1 parent f91d49940f
commit a5864cc64b
7 files changed
+11 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/components/Layout.tsx
+1 -1
View File
@@ -73,7 +73,7 @@ export default function Layout({ children }: LayoutProps) {
mobileMenuOpen,
setMobileMenuOpen
}}>
<div className="flex h-screen overflow-hidden bg-gray-50 dark:bg-gray-900">
<div className="flex h-screen bg-gray-50 dark:bg-gray-900">
{/* Mobile Sidebar Overlay */}
{isMobile && mobileMenuOpen && (
<>
client/src/components/Sidebar.tsx
+4 -4
View File
@@ -259,7 +259,7 @@ export default function Sidebar() {
}
return (
<aside className={`${isCollapsed ? 'w-16' : 'w-64'} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 flex flex-col shadow-lg transition-all duration-300 ease-in-out`}>
<aside className={`${isCollapsed ? 'w-16' : 'w-64'} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 flex flex-col shadow-lg transition-all duration-300 ease-in-out h-screen`}>
{/* Logo et bouton de collapse */}
<div className="h-16 flex items-center justify-between border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 px-4">
{!isCollapsed && (
@@ -316,7 +316,7 @@ export default function Sidebar() {
title={isCollapsed ? item.label : undefined}
onClick={handleLinkClick}
>
<Icon className={`h-4 w-4 ${isCollapsed ? '' : 'mr-3'}`} />
<Icon className={`${isCollapsed ? 'h-5 w-5' : 'h-4 w-4 mr-3'}`} />
{!isCollapsed && item.label}
</div>
</Link>
@@ -353,7 +353,7 @@ export default function Sidebar() {
title={isCollapsed ? item.label : undefined}
onClick={handleLinkClick}
>
<Icon className={`h-4 w-4 ${isCollapsed ? '' : 'mr-3'}`} />
<Icon className={`${isCollapsed ? 'h-5 w-5' : 'h-4 w-4 mr-3'}`} />
{!isCollapsed && item.label}
</div>
</Link>
@@ -392,7 +392,7 @@ export default function Sidebar() {
title={isCollapsed ? item.label : undefined}
onClick={handleLinkClick}
>
<Icon className={`h-4 w-4 ${isCollapsed ? '' : 'mr-3'}`} />
<Icon className={`${isCollapsed ? 'h-5 w-5' : 'h-4 w-4 mr-3'}`} />
{!isCollapsed && item.label}
</div>
</Link>