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

Improve layout and visual spacing across the application

Browse Source 
Adjust main content width, header height, and text sizes for better desktop experience and implement responsive spacing for better visual hierarchy.

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/sQ6VYZc
This commit is contained in:
michaelschal committed 2025-08-12 19:52:22 +00:00
1 parent f1d6f27e3d
commit 1933819155
6 files changed
+83 -68
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/components/Sidebar.tsx
+6 -6
View File
@@ -259,13 +259,13 @@ 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-72 xl:w-80'} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 flex flex-col shadow-xl transition-all duration-300 ease-in-out`}>
{/* 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-3">
<div className="h-20 xl:h-24 flex items-center justify-between border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 px-4 xl:px-6">
{!isCollapsed && (
<div className="flex items-center space-x-3">
<Store className="h-6 w-6 text-blue-600 dark:text-blue-400" />
<span className="text-lg font-semibold text-gray-900 dark:text-gray-100">LogiFlow</span>
<span className="text-xl xl:text-2xl font-bold text-gray-900 dark:text-gray-100">LogiFlow</span>
</div>
)}
{isCollapsed && (
@@ -290,8 +290,8 @@ export default function Sidebar() {
</div>
{/* Navigation */}
<nav className="flex-1 py-4 px-3">
<div className="space-y-1">
<nav className="flex-1 py-6 xl:py-8 px-4 xl:px-6">
<div className="space-y-2 xl:space-y-3">
{menuItems.map((item) => {
const hasRolePermission = hasPermission(item.roles);
// console.log(`🔍 Menu item ${item.path} (${item.label}):`, {
@@ -374,7 +374,7 @@ export default function Sidebar() {
</h3>
</div>
)}
<div className="space-y-1">
<div className="space-y-2 xl:space-y-3">
{adminItems.map((item) => {
if (!hasPermission(item.roles)) return null;