From 08baf78c05de0c78b2c5cb7bd78bd8f972c56f79 Mon Sep 17 00:00:00 2001
From: Bivekich <biveki-dev@yandex.ru>
Date: Mon, 21 Jul 2025 12:01:48 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=82=D1=8B=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20=D1=83?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=D0=BD=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=20=D0=B8=20=D0=B2=D0=B7=D0=B0=D0=B8=D0=BC?=
 =?UTF-8?q?=D0=BE=D0=B4=D0=B5=D0=B9=D1=81=D1=82=D0=B2=D0=B8=D1=8F=20=D1=81?=
 =?UTF-8?q?=20=D0=B1=D0=BE=D0=BA=D0=BE=D0=B2=D0=BE=D0=B9=20=D0=BF=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B5=D0=BB=D1=8C=D1=8E.=20=D0=94=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=20=D1=85=D1=83=D0=BA=20useSidebar=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D1=83=D0=BF=D1=80=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=BE=D1=82=D1=81=D1=82=D1=83=D0=BF=D0=B0?=
 =?UTF-8?q?=D0=BC=D0=B8=20=D0=B2=20=D0=B7=D0=B0=D0=B2=D0=B8=D1=81=D0=B8?=
 =?UTF-8?q?=D0=BC=D0=BE=D1=81=D1=82=D0=B8=20=D0=BE=D1=82=20=D1=81=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D0=BE=D1=8F=D0=BD=D0=B8=D1=8F=20=D0=B1=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=BE=D0=B9=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8?=
 =?UTF-8?q?.=20=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D1=8B=20=D1=81?=
 =?UTF-8?q?=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B8=20=D0=BA=D0=BB=D0=B0=D1=81?=
 =?UTF-8?q?=D1=81=D1=8B=20=D0=B4=D0=BB=D1=8F=20=D1=83=D0=BB=D1=83=D1=87?=
 =?UTF-8?q?=D1=88=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B2=D0=B8=D0=B7=D1=83=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=B2=D0=BE=D1=81=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B8=D1=8F=D1=82=D0=B8=D1=8F=20=D0=B8=D0=BD=D1=82=D0=B5?=
 =?UTF-8?q?=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=B0.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dashboard/dashboard-home.tsx    | 6 ++++--
 src/components/dashboard/dashboard.tsx         | 6 ++++--
 src/components/dashboard/sidebar.tsx           | 2 +-
 src/components/supplies/supplies-dashboard.tsx | 6 ++++--
 src/hooks/useSidebar.tsx                       | 2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/dashboard/dashboard-home.tsx b/src/components/dashboard/dashboard-home.tsx
index 645d9ba..68916de 100644
--- a/src/components/dashboard/dashboard-home.tsx
+++ b/src/components/dashboard/dashboard-home.tsx
@@ -4,9 +4,11 @@ import { useAuth } from '@/hooks/useAuth'
 import { Card } from '@/components/ui/card'
 import { Building2, Phone } from 'lucide-react'
 import { Sidebar } from './sidebar'
+import { useSidebar } from '@/hooks/useSidebar'
 
 export function DashboardHome() {
   const { user } = useAuth()
+  const { getSidebarMargin } = useSidebar()
 
   const getOrganizationName = () => {
     if (user?.organization?.name) {
@@ -21,9 +23,9 @@ export function DashboardHome() {
 
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main className="flex-1 ml-64">
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         <div className="p-8">
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {/* Информация об организации */}
diff --git a/src/components/dashboard/dashboard.tsx b/src/components/dashboard/dashboard.tsx
index f8708cd..d27ed86 100644
--- a/src/components/dashboard/dashboard.tsx
+++ b/src/components/dashboard/dashboard.tsx
@@ -4,10 +4,12 @@ import { useState } from 'react'
 import { Sidebar } from './sidebar'
 import { UserSettings } from './user-settings'
 import { DashboardHome } from './dashboard-home'
+import { useSidebar } from '@/hooks/useSidebar'
 
 export type DashboardSection = 'home' | 'settings'
 
 export function Dashboard() {
+  const { getSidebarMargin } = useSidebar()
   const [activeSection] = useState<DashboardSection>('home')
 
   const renderContent = () => {
@@ -21,9 +23,9 @@ export function Dashboard() {
   }
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main className="flex-1 ml-64">
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         {renderContent()}
       </main>
     </div>
diff --git a/src/components/dashboard/sidebar.tsx b/src/components/dashboard/sidebar.tsx
index 2ad391e..9b46382 100644
--- a/src/components/dashboard/sidebar.tsx
+++ b/src/components/dashboard/sidebar.tsx
@@ -107,7 +107,7 @@ export function Sidebar() {
   const isPartnersActive = pathname.startsWith('/partners')
 
   return (
-    <div className={`fixed left-4 top-4 bottom-4 ${isCollapsed ? 'w-14' : 'w-72'} bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl ${isCollapsed ? 'p-2' : 'p-3'} transition-all duration-300 ease-in-out z-50`}>
+    <div className={`fixed left-4 top-4 bottom-4 ${isCollapsed ? 'w-12' : 'w-56'} bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl ${isCollapsed ? 'p-2' : 'p-3'} transition-all duration-300 ease-in-out z-50`}>
       <div className="flex flex-col h-full">
         {/* Кнопка сворачивания */}
         <div className={`flex ${isCollapsed ? 'justify-center' : 'justify-end'} ${isCollapsed ? 'mb-2' : 'mb-3'}`}>
diff --git a/src/components/supplies/supplies-dashboard.tsx b/src/components/supplies/supplies-dashboard.tsx
index f168d81..463c8cf 100644
--- a/src/components/supplies/supplies-dashboard.tsx
+++ b/src/components/supplies/supplies-dashboard.tsx
@@ -5,6 +5,7 @@ import { Card } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Sidebar } from '@/components/dashboard/sidebar'
+import { useSidebar } from '@/hooks/useSidebar'
 
 import { 
   ChevronDown, 
@@ -232,6 +233,7 @@ const mockSupplies: Supply[] = [
 ]
 
 export function SuppliesDashboard() {
+  const { getSidebarMargin } = useSidebar()
   const [expandedSupplies, setExpandedSupplies] = useState<Set<string>>(new Set())
   const [expandedRoutes, setExpandedRoutes] = useState<Set<string>>(new Set())
   const [expandedWholesalers, setExpandedWholesalers] = useState<Set<string>>(new Set())
@@ -327,9 +329,9 @@ export function SuppliesDashboard() {
   }
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main className="flex-1 ml-56">
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         <div className="p-8">
           {/* Заголовок */}
           <div className="flex items-center justify-between mb-8">
diff --git a/src/hooks/useSidebar.tsx b/src/hooks/useSidebar.tsx
index 80197cc..a597109 100644
--- a/src/hooks/useSidebar.tsx
+++ b/src/hooks/useSidebar.tsx
@@ -20,7 +20,7 @@ export function SidebarProvider({ children }: { children: ReactNode }) {
 
   const getSidebarMargin = () => {
     // Учитываем отступ слева (left-4) + ширина сайдбара + дополнительный отступ
-    return isCollapsed ? 'ml-20' : 'ml-80'
+    return isCollapsed ? 'ml-20' : 'ml-64'
   }
 
   return (